امتیاز موضوع:
  • 8 رأی - میانگین امتیازات: 2.88
  • 1
  • 2
  • 3
  • 4
  • 5
تغییر شکل نشانگر ماوس با استفاده از استایل
#1
[تصویر:  Logitech-V470-Mouse-icon.png]
تغییر شکل نشانگر ماوس با استفاده از استایل
با استفاده از استایل این امکان وجود دارد که شکل نشانگر ماوس را وقتی روی قسمت مشخصی از صفحه قرار می گیرد تغییر دهیم. به این منظور می توانیم از ویژگی زیر در استایل مربوط به تگ مورد نظر استفاده کنیم:


کد:
cursor: نوع نشانگری که مورد نظر ماست

برای مثال فرض کنید می خواهیم وقتی نشانگر ماوس روی یک قسمت متن قرار می گیرد به شکل ساعت شنی در آید. می توانیم به صورت زیر عمل کنیم (ما برای مشخص شدن متن از رنگ قرمز در تگ span استفاده کرده ایم.):


کد:
ماوس خود را روی این متن قرار دهید.

نتیجه را می توانید اینجا مشاهده کنید:


[تصویر:  13459918651.bmp]


اگر بخواهید وقتی ماوس کاربر روی یک قسمت مشخص از صفحه مثلاً جدولها قرار می گیرد شکل خاصی داشته باشد می توانید در بخش HEAD صفحه این ویژگی را برای جدول تعریف کنید تا در همه جدولهای صفحه به کار گرفته شود. از class و id هم می توانید استفاده کنید. روش ساده تر هم استفاده از شناسه style در تگهای HTML است.
در جدول زیر برخی از مقادیر مختلف این ویژگی که شکل نشانگر ماوس را عوض می کنند آورده شده است. می توانید ماوس خود را بر روی توضیحات این گزینه ها نگه دارید تا ببینید به چه شکلی در می آید.

مقدار قابل استفاده/توضیحات


auto/این گزینه نشانگر ماوس را با توجه به تنظیمات مرورگر کاربر تغییر می دهد.
crosshair/نشانگر ماوس به صورت به علاوه در می آید.
default/نشانگر ماوس به صورت همان فلش همیشگی در می آید.
move/نشانگر به شکلی در می آید که در هنگام جا به جا کردن چیزی به خود می گیرد.
pointer/نشانگر به شکل دست در می آید.
help/یک علامت سؤال کنار پیکان نشانگر ماوس قرار می گیرد.
text/به شکلی در می آید که بر روی متنها به خود می گیرد.
wait/به شکل ساعت شنی در می آید.
n-resize/یک فلش به سمت شمال
s-resize/یک فلش به سمت جنوب
e-resize/یک فلش به سمت مشرق
w-resize/یک فلش به سمت مغرب
ne-resize/یک فلش به سمت شمال شرقی
nw-resize/یک فلش به سمت شمال غربی
se-resize/یک فلش به سمت جنوب شرقی
sw-resize/یک فلش به سمت جنوب غربی







پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  اعمال تغییر بر روی لینکها در صفحه با استفاده از استایل انجمن مخ ها 0 243 27-08-2012، 09:06 PM
آخرین ارسال: انجمن مخ ها
  کار با تصویر زمینه در طراحی صفحات با استایل انجمن مخ ها 0 261 26-08-2012، 06:53 PM
آخرین ارسال: انجمن مخ ها
  نحو تغییر رنگ متن با استفاده از CSS انجمن مخ ها 0 198 26-08-2012، 05:57 PM
آخرین ارسال: انجمن مخ ها
  تنظیم فونت صفحه با استفاده از استایل(CSS) انجمن مخ ها 0 233 26-08-2012، 02:29 PM
آخرین ارسال: انجمن مخ ها
  تغییر موقعیت عناصر صفحه با استفاده از CSS انجمن مخ ها 0 216 25-08-2012، 10:57 PM
آخرین ارسال: انجمن مخ ها
  نحوه ایجاد کادر برای عناصر صفحه با استفاده از استایل انجمن مخ ها 1 280 25-08-2012، 07:32 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان