jQuery は絶妙なマルチレベルのドロップダウンメニューを実装します

WBOYオリジナル: 2016-05-16 16:09:431231ブラウズ

これは絶妙なマルチレベルのドロップダウンメニューの美化であり、「選択」を完全に置き換えてドロップダウンメニューの効果を実現できます。また、読み込み待機エフェクトや階層分類表示などのマルチレベルメニューもサポートしています。

コードをコピーコードは次のとおりです:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
http://www.w3.org/1999/xhtml" xml:lang="ja">
<頭>
フィラメントグループラボ

<スクリプトタイプ="text/javascript">
    $(関数(){
        // ボタン
        $('.fg-button').hover(
            function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); }、
            function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
        );
        // メニュー
        $('#フラット').menu({
            content: $('# flat').next().html(), // このページからコンテンツを取得します
            表示速度: 400
        });
        $('#hierarchy').menu({
            コンテンツ: $('#hierarchy').next().html(),
            crumbDefaultText: ' '
        });
        $('#階層ブレッドクラム').menu({
            コンテンツ: $('#hierarchybreadcrumb').next().html(),
            backLink: false
        });
        // または外部ソースから
        $.get('menuContent.html', function(data){ // 別のページからコンテンツを取得します
            $('#flyout').menu({ content: data, flyOut: true });
        });
    });

You chose:

flat menu

iPod スタイルメニュー

ipod-style menu w/ breadcrumb

以上が、ここで説明されている内容のすべてです。jQuery が大規模な分野で役立つことを期待します。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

jQuery は絶妙なマルチレベルのドロップダウン メニューを実装します

関連記事

jQuery は絶妙なマルチレベルのドロップダウンメニューを実装します