أضف نص تحوم بدون جافا سكريبت كما نمرر فوق اسم المستخدم

Adf Ns Thwm Bdwn Jafa Skrybt Kma Nmrr Fwq Asm Almstkhdm



في العديد من صفحات الويب ، غالبًا ما نشاهد نصًا يظهر على عنصر معين عندما نحوم فوقه ويختفي عندما نحرك المؤشر في مكان آخر على الشاشة. يسمى هذا النص نص التمرير. في JavaScript ، من السهل إضافة نص التمرير إلى عنصر. ولكن ، من الممكن أيضًا إضافة نص تحوم في مستند HTML باستخدام إما '
'أو' 'مع سمة العنوان.

ستوضح هذه المقالة طريقتين مفيدتين لإضافة نص تحوم في HTML دون استخدام JavaScript:

الطريقة الأولى: إضافة نص تحوم من خلال عنصر 'div'

يمكن إضافة نص التمرير ببساطة عن طريق استخدام '

'مع' عنوان 'في الافتتاح' '. يحتاج المطور إلى إضافة نص التمرير في سمة 'العنوان' داخل '
'علامة الفتح وعنصر HTML يضاف بين الفتح والإغلاق'
'. النص الموجود داخل '
'يمكن أن يكون عنصر الحاوية من أي نوع. على سبيل المثال ، '

'عنوان ،'

'عنصر فقرة ، أو نص عادي بسيط.







مثال

لنكتب مثالاً بسيطًا لإضافة '

لإضافة نص التمرير فوق عنصر HTML:



< شعبة عنوان = 'هذا هو نص التمرير' > تحوم فوقي! < / شعبة >

حسب الكود أعلاه:



  • أ '
    'تمت إضافة عنصر' مع ' عنوان 'في الافتتاح'
    ' بطاقة شعار.
  • ال ' عنوان ”تحتوي على النص الذي من المفترض أن يتم عرضه أثناء قيام المستخدم بتمرير مؤشر الماوس فوق النص.
  • بين الافتتاح والختام '
    'هي النص الذي سيتم عرضه على الواجهة التي تحوم فوقها والتي ستعرض نص التمرير.

سيعرض المثال المضاف أعلاه الإخراج التالي:





الطريقة 2: إضافة نص تحوم من خلال عنصر 'امتداد'

يمكن أيضًا إضافة نص التمرير باستخدام ' 'في HTML. كل ما يتطلبه الأمر هو إضافة نص التمرير في سمة العنوان وعنصر HTML الفعلي الذي تمت إضافة نص التمرير من أجله بين الفتح والإغلاق ' '.



مثال

دعنا نضيف مثالًا بسيطًا لإدراج ' 'في مستند HTML بغرض إضافة نص التمرير فوق عنصر HTML:

< فترة عنوان = 'هذا هو نص التمرير' > تحوم فوقي! / فترة >

في المثال أعلاه:

  • أ ' 'تمت إضافة عنصر' مع ' عنوان 'داخل الافتتاح' ' بطاقة شعار.
  • ال ' عنوان ”تحتوي على النص الذي من المفترض أن يتم عرضه عندما يقوم المستخدم بتمرير الماوس فوقه.
  • بين الافتتاح والختام ' 'هي النص الذي سيتم عرضه للمستخدم الذي يحوم فوقه والذي سيعرض نص التمرير.

انتاج |

يلخص هذا الطرق الممكنة لإضافة نص تحوم بدون استخدام JavaScript.

خاتمة

يمكن إضافة نص التمرير بسهولة في HTML دون الحاجة إلى استخدام وظائف JavaScript. يحتاج المطور إلى استخدام إما '

'أو' 'الذي ينشئ عنصر HTML ثم يضيف سمة العنوان التي تحدد نص التمرير. هذا المنشور هو دليل جيد حول طريقة إضافة نص التمرير دون الحاجة إلى JavaScript.