jQuery 菜單插件:jVanilla Menu

jopen 10年前發布 | 18K 次閱讀 jQuery菜單插件 jQuery插件 jVanilla Menu

jVanilla 是一款菜單類的 jQuery 插件,可以將現有的純 CSS 下拉菜單添加各種功能。包括:

  • Animations when showing submenus
  • Support one submenu level
  • Timed delay on mouseout
  • Top level menu links can be inactive (on hover effect)
  • Last submenu right-aligned

用法:

$(document).ready(function (){
    $('.menu-hover').jVanilla({
        speed               : 50,       // speed in milliseconds 
                                        // of the opening animation
        animation           : 'fading', // type of the animation 
                                        // fading || sliding
        eventType           : 'hover',  // type of event that trigger
                                        // animation hover || click
        delay               : 100,      // the delay in milliseconds that 
                                        // the mouse can remain outside 
                                        // the submenu without it closing
        isHoverClickable    : false,    // set to true if you want to enable 
                                        // the click on the first level link
        isLastRightAlign    : true      // set to false if you want to align 
                                        // left the last submenu
    });
});

jQuery 菜單插件:jVanilla Menu















項目主頁:http://www.baiduhome.net/lib/view/home/1390465571836

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!