حالت های مختلف نمایش یک آیتم و تغییراتی که با کلیک یا اشاره می توان در آن ایجاد کرد

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
حالت های مختلف نمایش موس در css

نویسنده:

محمدرضا احمدی نسب

Statistics-rafiki

تعداد بازدید:

1476

Calendar-amico (2)

تاریخ انتشار:

17 , مرداد , 1397

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

حالت های مختلف نمایش یک آیتم و تغییراتی که با کلیک یا اشاره می توان در آن ایجاد کرد
سلام دوستان;
با یکی دیگه از آموزش های کدپز در خدمت شما دوستان هستیم
برای یک آیتم یا متن می توان حالتهای مختلفی در یک صفحه ی html ایجاد کرد مانند hover , focus , visited و … که در این متن می خواهیم به این حالتها بپردازیم.

1- حالت hover

اگر بخواهیم با قرار گرفتن نشانگر موس روی یک آیتم بعضی از مشخصه های آن مانند رنگ متن یا پس زمینه را تغییر دهیم , از hover استفاده می کنیم.

قطعه کدی که در بالا مشاهده می کنید مثالی ساده از استفاده ی حالت hover می باشد.

۲- حالت focus

از این قابلیت برای استایل دهی به آیتمی که در معرض تمرکز کاربر قرار می گیرد که این عمل ممکن است با نشانگر موس یا دکمه tab صورت بگیرد.

یک مثال از focus را در بالا مشاهده می کنید.

۳-حالت visited

Visited قابلیتی است که برای انتخاب و استایل دادن به مشخصه های لینکی که قبلا آن ها را مشاهده کرده ایم استفاده می شود.
این قابلیت فقط برای مشخصه هایی از
که دارای ویژگی “href” باشند قابلیت اجرا دارد.

برای استفاده از قابلیت visited از تکه کدی که در بالا مشاهده می کنید به عنوان یک نمونه ساده می توانید بهره ببرید

۴- حالت active

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

نمونه ای ساده از کد مورد نیاز برای اسفاده از حالت active را مشاهده می کنید.

آخرین مطلبی که در این متن باید به آن توجه کرد این مسئله است که در صورتی که بخواهیم از همه قابلیت هایی که به آن اشاره کردیم استفاده کنیم مناسب است ترتیبی که در زیر نوشته شده را رعایت کنیم:

امیدوارم مطالب بالا برای شما مفید واقع بشه و اگر خواستید بیشتر اطلاعات دریافت کنید به w3schools  و stackoverflow مراجعه کنید.

موفق باشید.

محمدرضا احمدی نسب

محمدرضا احمدی نسب

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

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

0 پاسخ به "حالت های مختلف نمایش یک آیتم و تغییراتی که با کلیک یا اشاره می توان در آن ایجاد کرد"

    ارسال یک پیام

    نشانی ایمیل شما منتشر نخواهد شد.