ホームページ > ウェブフロントエンド > htmlチュートリアル > 2 つのシンプルなメニュー ナビゲーション バーの例_HTML/Xhtml_Web ページの制作

2 つのシンプルなメニュー ナビゲーション バーの例_HTML/Xhtml_Web ページの制作

WBOY
リリース: 2016-05-16 16:37:53
オリジナル
1422 人が閲覧しました

メニューバーの例 1:


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

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

<スクリプトtype="text/javascript" src="
$(function() {
$("#container .menu1 ul li").click(function() {
varindex = $("#container .menu1 ul li").index( this);
$(this).addClass("bg").siblings().removeClass();
$("#container .menu2 ul li ul").eq(index).show() .parent().siblings("li").children("ul").hide();
})
})





    • 第五栏
    • 第五栏
    • 第五栏



    • 第六栏< /li>

    • 第六栏
      /li>gt;
    • 第六栏
      ;
  • 菜单栏例二:复制代代码如下:



    黄页地区列表






    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート