طريقة إظهار نص عند وضع مؤشر الفأرة على عنصر في HTML

يمكنك إضافة الخاصية title لعنصر القائمة ضمن HTML، وتمرير قيمة النص التي تريد أن تظهر عند وضع مؤشر الفأرة فوق العنصر كالتالي:

<li title="الرئيسية">
  ...
</li>

إذا كان الغرض من سؤالك أظهار الرئيسة فقد قام الأخي حسن بالإجابة.

إذا كنت تقصد تغير شكل العنصر بالكامل كما في الصورة فيجب عليك أن تكتب كود JavaScript يقوم بعمل Event Listener علي العنصر  وعندما يحدث hover علي هذا العنصر تقوم بتنفذ دالة تغير شغل العنصر كما  موضح فالصورة.

لمعرفة المزيد عن كيفية عمل تأثيرات التمرير أنصحك بهذه المقالة.