پیغام مدیر :
با سلام خدمت شما بازديدكننده گرامي ، خوش آمدید به سایت من . لطفا براي هرچه بهتر شدن مطالب اين وب سایت ، ما را از نظرات و پيشنهادات خود آگاه سازيد و به ما را در بهتر شدن كيفيت مطالب ياري کنید.
آموزش زبانcss-گام چهاردهم (گام آخر)
نوشته شده در دوشنبه 05 آبان 1393
بازدید : 1600
نویسنده : dl-irani

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

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

یک فلش به سمت جنوب غربی

 

منبع:دانلود ایرانی

 

درس قبل






مطالب مرتبط با این پست
.



می توانید دیدگاه خود را بنویسید


ورود کاربران

خوش آمدید! لطفا وارد حساب خود شوید

رمز عبور را فراموش کرده‌اید؟
حساب کاربری ندارید؟

فراموشی رمز عبور

نام کاربری یا ایمیل خود را وارد کنید

یا

ثبت نام کاربران

در چند ثانیه حساب کاربری خود را بسازید

قبلا ثبت نام کرده‌اید؟

نظرات کاربران

دیدگاه خود را با ما در میان بگذارید