1

ここで紹介されているものと同様の「スライドダウン」メニューを作成する JQuery プラグインがあるかどうかは誰にもわかりません: http://www.bu.edu/

このタイプのメニューに正しい用語を使用しているかどうかわからないので、Google と StackOverflow をしばらくの間検索してきましたが、うまくいきませんでした....

前もって感謝します！

4

4 に答える 4

2

これは、プラグインなしで非常に簡単に構築できます。サブメニュー div を作成し、CSS で display:none を設定します。

次に、ホバー リスナーを作成して、サブ メニューを「下にスライド」させます。

ホバー イベントのマウスアウト部分では、単にサブメニューを閉じるのではなく、サブメニューの終了を 200 ミリ秒の setTimeout でラップし、サブメニューにマウスオーバー イベントを追加して setTimeout をキャンセルします。メニューを離れます）

var menuTimer;

$("#menu").hover(function() {
    //Slide down the submenu
    $("#sub_menu").slideDown();
}, function() {
    //Create a 200ms timer, after which it will close the sub_menu
    menuTimer = setTimeout(function() {
                        $("#sub_menu").slideUp();
                    },200);
});

$("#sub_menu").mouseenter(function() {
    //The user entered the submenu, so cancel the timer (don't close the submenu)
    clearTimeout(menuTimer);
});
于 2013-04-26T18:48:33.110 に答える
0

これを見てください： ドロップダウンメニュー

$('li').mouseover(function() {
    var this_menu = $(this).attr('class');
    if($('.menu_div').is(':visible')) {
       $('.menu_div').hide('blind', 'fast');
    }
    $('#' + this_menu).show('blind', 'fast'); 
});
$('.menu_div').mouseout(function() {
   var this_menu = $(this).attr('class');
   $('.menu_div').hide('blind', 'fast'); 
});

jQuery と jQuery-UI で作成されているため、使用する場合はドキュメント<head>にjQueryライブラリを追加し、jQuery-UI原因が機能jQuery-UIする必要jQueryがあります

于 2013-04-26T19:49:54.387 に答える
0

あなただけのメニューを作りませんか？<ul>リストを試して、効果のjQuery .mouseover()あるdivを作成して.show()くださいblindjQuery UI

于 2013-04-26T18:47:07.003 に答える