هایلایت منوی فعال با jQuery

  • آپدیت شده در تاریخ

هایلایت منوی فعال با jQuery

راه های متنوعی برای هایلایت کردن منو فعال(active) در هنگام مشاهده آن قسمت که به کاربر نمایش داده می شود, وجود دارد. در این آموزش, ما از جی کوئری و CSS برای افزودن استایل شفاف سازی (highlighting) به منو استفاده کردیم.

در این مثال, ما افکت هایلایت را با رویداد کلیک به منو اضافه می کنیم که می توانید فقط با تغییر رویداد مثلا اسکرول, هایلایت منوی فعال با jQuery را اضافه کنید.

ما با اضافه کردن سلکتور کلاس های مختلف بین آیتم های منو تفاوت ایجاد کردیم.

هایلایت منوی فعال با jQuery

کد HTML نمایش منو

هایلایت منوی فعال با jQuery

این کد به شما تابع جی کوئری برای اضافه کردن حالت فعال (active) با کلیک را نشان می دهد.

کد CSS برای هایلایت منو

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

امیدوارم از آموزش هایلایت منوی فعال با jQuery نهایت استفاده را برده باشید .

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

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

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

حسن شفیعی توسعه دهنده وب و موبایل مدیر سایت علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم. اگر نیاز به برنامه نویس برای انجام پروژه و نوشتن اسکریپت های سمت وب, اپلیکیشن های اندروید و ios, پیدا کردن راه حل توسعه و غیره داشتید حتما از طریق تماس با ما/ واتساپ/ تلگرام بهم پیام بدید. برایتهیه هاست مطمین و پرسرعت کلیک کنید
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

دوره های آموزشی