تبلیغات

تغییر شکل نشانگر ماوس با استفاده از استایل cursor در Css

تغییر شکل نشانگر ماوس با استفاده از استایل cursor در Css

تغییر شکل نشانگر ماوس با استفاده از استایل cursor در Css

با استفاده از استایل در Css این امکان وجود دارد تا زمانی که ماوس روی قسمت مشخصی از صفحه میرود به شکل جدیدی تبدیل شود.


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

برای دیدن نتیجه ماوس خود را روی این متن قرار دهید.

اگر بخواهید وقتی ماوس کاربر روی یک قسمت مشخص از صفحه مثلاً دکمه ها و یا تصاویر قرار می گیرد شکل خاصی داشته باشد می توانید در استایل css این ویژگی را تعریف کنید. (از class و id می توانید استفاده کنید. روش ساده تر هم استفاده از شناسه style در تگهای HTML است.)

لیست مقادیر cursor

در جدول زیر برخی از مقادیر مختلف این ویژگی که شکل نشانگر ماوس را عوض می کنند آورده شده است. می توانید ماوس خود را بر روی توضیحات این گزینه ها نگه دارید تا ببینید به چه شکلی در می آید.

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

موفق و پیروز باشید.

تبلیغات
0
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

رضا عبدالهی

[ مدیر فول کده ]

abdolahi40 از کرمانشاه. [من در رقابت با هیچکس جز خودم نیستم...]

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه