طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

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


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

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

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

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

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

کد HTML نمایش منو

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

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

حتما بخوانید  استفاده از jqGrid در PHP

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

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

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

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

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

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

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

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

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

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

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

دانلود کتاب

عضویت در خبرنامه