jQueryホバーメニュー

次のコードは、メニュー項目の上にマウスを置くと、サブメニューを表示します。タイマーを使用しているので、サブメニュー項目をすばやく選択しないと、サブメニュー項目は消えます。私はむしろ、あなたが上にマウスを置くか、別のメインメニュー項目をクリックするまで、それが上にあるメニューオプションをハイライトさせ、別のメインメニュー項目をクリックするまで、サブメニュー項目を保持するでしょう：jQueryホバーメニュー

$（document）.ready（function（）{ NiftyメニューA」、 "小さな上部の透明"）; ニフティ（ "＃のoutcontent"、 "透明媒体下"）;アクションでそれを見るために

function hideSubMenu() { 
    $("#sub-menu-content").fadeOut('slow'); 
    hideSubMenu.timeout = 0; 
} 

$('#menu a').hover(function() { //start function when any link is clicked 
    if (hideSubMenu.timeout) clearTimeout(hideSubMenu.timeout); 
    hideSubMenu.timeout = 0; 
    $("#sub-menu-content").hide(); 

    var html = '<ul>' + $(this).next('ul.sub-menu').html() + '</ul>&nbsp;'; 
    $("#sub-menu-content").html(html); //show the html inside .content div 
    $("#sub-menu-content").fadeIn('fast'); //animation 
},function(){ 
    hideSubMenu.timeout = setTimeout(hideSubMenu, 800); 
}); //close click(

$('#sub-menu-content').hover(function() { 
    if (hideSubMenu.timeout) clearTimeout(hideSubMenu.timeout); 
    hideSubMenu.timeout = 0; 
},function(){ 
    hideSubMenu.timeout = setTimeout(hideSubMenu, 800); 
}); //close click(
}); //close $(

：

http://cruisecontrolledmarketing.com/test/welcome/login ユーザー：会員パスワード：再販

ありがとう！

出典

2009-06-08 Jon Schenk