كيفية تغيير المؤشر عند المرور فوق

جدول المحتويات:

كيفية تغيير المؤشر عند المرور فوق
كيفية تغيير المؤشر عند المرور فوق

فيديو: كيفية تغيير المؤشر عند المرور فوق

فيديو: كيفية تغيير المؤشر عند المرور فوق
فيديو: كيف تغير مؤشر الماوس الى علامة زايد او اي شكل تبيه 2024, شهر نوفمبر
Anonim

تغير بعض عناصر صفحات الويب مظهرها عند التمرير بالماوس - يتم تحديد هذا افتراضيًا لها من خلال إعدادات لغة HTML (لغة ترميز النص التشعبي - "لغة ترميز النص التشعبي"). تحتوي هذه اللغة على أدوات تسمح لك بتغيير نفس الإعدادات لعناصر الصفحة الأخرى. إذا لزم الأمر ، يمكنك استخدام CSS (أوراق الأنماط المتتالية) ولغة البرمجة النصية لجافا سكريبت من جانب العميل لهذا الغرض.

كيفية تغيير المؤشر عند المرور فوق
كيفية تغيير المؤشر عند المرور فوق

تعليمات

الخطوة 1

استخدم سمة النمط لتتمكن من ضبط متغير المؤشر في علامة كائن صفحة الويب الذي يهمك. على سبيل المثال ، يمكن كتابة كود HTML الخاص بحقل نص الإدخال الذي يوجه متصفح الزائر لتغيير مظهر المؤشر بنفس الطريقة عند التمرير فوق رابط ، على النحو التالي:

الخطوة 2

حدد مظهر المؤشر المطلوب من قائمة القيم الصالحة لمعلمة المؤشر. في المثال الموضح في الخطوة السابقة ، يتم استخدام قيمة المؤشر - قيمة اليد لها نفس التأثير تمامًا. بالإضافة إلى هاتين القيمتين ، يتم توفير الخيارات التالية لمظهر المؤشر: التقاطع ، تغيير الحجم الإلكتروني ، المساعدة ، النقل ، تغيير الحجم ، تغيير الحجم ، تغيير الحجم ، تغيير الحجم ، التقدم ، تغيير الحجم ، تغيير الحجم ، sw-resize النص w -resize انتظر. على سبيل المثال ، لجعل المؤشر يبدو كسهم مزدوج الرأس من أعلى اليسار إلى أسفل اليمين في نموذج التعليمات البرمجية أعلاه ، استخدم nw-resize بدلاً من المؤشر:

تساعد الأحرف الموجودة أمام قيمة تغيير الحجم في تحديد الاتجاهات التي يتم توجيه السهم إليها بهذه القيمة - فهي ، كما هو الحال على البوصلة ، تتوافق مع تعيينات النقاط الأساسية. على سبيل المثال ، يرمز nw إلى nord-west (شمال غرب) ، و s للجنوب (جنوب) ، إلخ.

الخطوه 3

استخدم عنوان URL للملف بدلاً من القيم المحددة مسبقًا إذا قمت بتحميل صورة المؤشر بتنسيقها الأصلي. للقيام بذلك ، استخدم بناء الجملة التالي:

<أسلوب الإدخال = "cursor: url (https://someSite.ru/someCursor.cur) "/>

إذا كان الملف موجودًا في نفس المجلد مع الصفحة أو في مجلد فرعي ، فبدلاً من العنوان المطلق ، يمكنك تحديد واحد نسبي.

الخطوة 4

استخدم السمة onmouseover إذا كنت تريد تغيير مظهر المؤشر باستخدام JavaScript. فمثلا:

سيعمل هذا الرمز تمامًا مثل النموذج الموجود في الخطوة الثانية.

موصى به: