لقد لاحظ الأصدقاء الذين يتصفحون الإنترنت في كثير من الأحيان أن الماوس الموجود على بعض مواقع الويب ليس على شكل سهم قطري عادي لأعلى، بل على شكل متقاطع أو سهم إلى اليسار أو علامة استفهام، وما إلى ذلك. عندما تريد أن يعرض الماوس أشكالًا مختلفة في مواقع مختلفة على صفحة الويب لتعكس مجالات وظيفية مختلفة؛ وعندما تريد أن يعكس موقع الويب الخاص بك نمطًا فريدًا، فكر في العمل على نمط الماوس. في الواقع، أنماط الماوس لها نطاق واسع من الاستخدامات، فكيف يمكنك تنفيذ أنماط مختلفة للماوس؟ قم بتشغيل Dreamweaver، وافتح صفحة الويب حيث تريد تطبيق نمط الماوس، وحدد القائمة المنسدلة "نص" في النافذة الرئيسية، ثم ثم حدد جديد في القائمة الفرعية لنمط CSS. يقوم أمر النمط بإنشاء ورقة أنماط جديدة. (ملاحظة: إذا كانت ورقة الأنماط موجودة بالفعل في صفحة الويب الخاصة بك، فيمكنك تحديد CSS Styles Edit Style Sheet لتحرير ورقة الأنماط.) سينبثق مربع الحوار New Style. يحتوي عنصر الكتابة على ثلاثة أزرار اختيار: إنشاء نمط مخصص، وإعادة تعريف علامة HTML، واستخدام محدد CSS. من بينها، إنشاء نمط مخصص هو نمط مخصص، واسم النمط يبدأ بنقطة. استخدم محدد CSS هو استخدام محدد CSS، الذي يحتوي على أربعة أنماط للارتباط التشعبي
a:active/a:hover/a:link/a:visited
؛إعادة تعريف علامة HTML هو نمط يحدد علامات نظام HTML، مثل abodybr وما إلى ذلك. افترض أننا قمنا فقط بتعيين نمط الماوس للارتباطات التشعبية الموجودة في هذه الصفحة، حدد العلامة في خيار Redefine HTML Tag. حدد هذا المستند فقط لعنصر التعريف أدناه. انقر فوق الزر "موافق". ينبثق تعريف النمط لمربع الحوار ويدخل في إعداد نمط الارتباط التشعبي. الفئة الموجودة على اليسار هي فئة النمط ولا يوجد شرح للعناصر الأخرى هنا. يمكنك رؤية عنصر المؤشر في التأثير المرئي على اليمين، وهو العنصر الأساسي لتعيين نمط الماوس. انقر فوق القائمة المنسدلة الموجودة على اليمين، وحدد نمط الماوس الذي تحتاجه، ثم انقر فوق الزر "موافق". دعونا نتحدث عن المعنى العام لكل نمط.
اليد: هو شكل اليد المألوف.
علامة التقاطع: وهي عبارة عن علامة متقاطعة، وهو النمط المستخدم في الصفحة الرئيسية لـ Little Turtle.
النص: هو النمط الذي يتم عند تحريك الماوس إلى النص.
الانتظار: هو أثر الانتظار.
الافتراضي: هو التأثير الافتراضي.
المساعدة: هو نمط الفأرة مع علامة الاستفهام.
تغيير الحجم الإلكتروني: هو السهم الأيمن.
ne-resize: هو السهم الذي يشير إلى أعلى إلى اليمين.
n-resize: هو سهم لأعلى.
nw-resize: هو السهم الذي يشير إلى أعلى إلى اليسار.
w-resize: عبارة عن تمرير سهم إلى اليسار.
sw-resize: هو السهم الذي يشير إلى الأسفل إلى اليسار.
s-resize: هو سهم لأسفل.
se-resize: هو السهم الذي يشير إلى الأسفل إلى اليمين.
تلقائي: هو التأثير التلقائي للنظام.
بالطبع، يمكنك أيضًا تطبيق النمط على علامات أخرى حسب الحاجة، أو ببساطة تطبيقه على فقرة معينة من النص. إذا كان القارئ على دراية بكود CSS، فقد يكون من الأفضل كتابة الكود يدويًا مباشرةً. على وجه الخصوص، إذا كنت تريد استخدام أنماط ماوس مختلفة لمواقع مختلفة، أو استخدام أنماط ماوس مختلفة لعلامات تبويب مختلفة. ما عليك سوى كتابة النمط مباشرةً في علامة محددة.
الطريقة هي: <tag style=cursor:mouse_style>. عندما تكون العلامة هي اسم العلامة، فإن mouse_style هو نمط الماوس، مثل اليد/التقاطع/النص/الانتظار، وما إلى ذلك.
دعونا نعطي مثالا محددا لتعميق فهم الجميع لإعدادات نمط الماوس.
<span style=cursor:hand> اليد: شكل يد مألوف. </span>
<span style=cursor:crosshair>تقاطع الشعر: وهو النمط المستخدم في الصفحة الرئيسية للسلحفاة الصغيرة. </span>
<span style=cursor:text>text: هو النمط الذي يتم به عادةً تحريك الماوس إلى النص. </span>
<span style=cursor:wait>الانتظار: هو تأثير الانتظار. </span>
<span style=cursor:default>default: هو التأثير الافتراضي. </span>
<span style=cursor:help>help: هو نمط للماوس يحتوي على علامة استفهام. </span>
<span style=cursor:e-resize>e-resize: هو سهم إلى اليمين. </span>
<span style=cursor:ne-resize>ne-resize: هو سهم يشير إلى الأعلى نحو اليمين. </span>
<span style=cursor:n-resize>n-resize: هو سهم لأعلى. </span>
<span style=cursor:nw-resize>nw-resize: هو سهم يشير إلى الأعلى نحو اليسار. </span>
<span style=cursor:w-resize>w-resize: عبارة عن تمرير سهم إلى اليسار. </span>
<span style=cursor:sw-resize>sw-resize: هو سهم يشير إلى الأسفل إلى اليسار. </span>
<span style=cursor:s-resize>s-resize: هو سهم لأسفل. </span>
<span style=cursor:se-resize>se-resize: هو سهم يشير إلى الأسفل نحو اليمين. </span>
<span style=cursor:auto>auto: هو التأثير التلقائي للنظام. </span>
انسخ الكود أعلاه إلى صفحة الويب الخاصة بك واضغط على F12 للمعاينة. حرك الماوس فوق النص المقابل وانظر ماذا يحدث للماوس هل يظهر بالنمط المناسب؟