Notice: Undefined property: Database::$query_show in /home3/websea/public_html/lib/class_db.php on line 112
دریای وب - Web Sea | تغییر شکل نشانگر ماوس با استفاده از استایل

مقالات آموزشي وب


css
  • نظرات: 0
  • ۱۱ تیر ۱۳۹۳ ۱۹:۵۷
  • به آموزش CSS
  • توسط malekli
  • بازدید کننده: 877
  • css
  • اخرین ویرایش: -/-
  • (رتبه فعلی 0.0/5 ستاره ها) مجموع آراء: 0

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

0 0

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

با استفاده از استایل این امکان وجود دارد که شکل نشانگر ماوس را وقتی روی قسمت مشخصی از صفحه قرار می گیرد تغییر دهیم. به این منظور می توانیم از ویژگی زیر در استایل مربوط به تگ مورد نظر استفاده کنیم:

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

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

<span style="cursor: wait; color: red">ماوس خود را روی این متن قرار دهید.</span>

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

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

اگر بخواهید وقتی ماوس کاربر روی یک قسمت مشخص از صفحه مثلاً جدولها قرار می گیرد شکل خاصی داشته باشد می توانید در بخش 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 یک فلش به سمت جنوب غربی

اشتراک
  • Twitter
  • del.icio.us
  • Digg
  • Facebook
  • Technorati
  • Reddit
  • Yahoo Buzz
  • StumbleUpon

بدون نظر

اطلاعات! با عرض پوزش فقط کاربران ثبت نام شده می توانند نظر ارسال کنند.وارد شوید یا ثبت نام کنید.

دریای وب  --  Web Sea

ارائه دهنده خدمات مبتنی بر وب


ایمیل : Info@WebSea.ir

درياي وب در شبكه هاي اجتماعي
Web Sea in Social Networks



درياي وب در كلوب    درياي وب در اينستاگرام    درياي وب در لنزور
logo-samandehi