بازشدن زیر منوی بوت استرپ بصورت hover

شاید برای شما هم پیش اومده باشه طرحی رو با بوت استرپ کدنویسی کرده باشید و نیاز داشته باشید منوهای ناوبار به صورت hove یعنی با رفتن موس روی منوی اصلی زیر منو باز بشه

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

برای انجام اینکار باید کد زیر رو در فایل bootstrap.js در آخرین خط قرار دهید

$('ul.nav li.dropdown').hover(function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});

به همین سادگی کار انجام شده و از منوی های بوت استرپ خود لذت ببرید

[button size=”normal” type=”danger” value=”برای مشاهده دمو کلیک کنید” href=”https://jsfiddle.net/vahab00/8zdr27o5/”]

1 دیدگاه

  • طراحی سایت

دی 20ام, 1395

ممنون از آموزش مفیدتون.سپاسگزار

ارسال دیدگاه