検索

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

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

WBOY
WBOYオリジナル
2016-05-16 16:37:531401ブラウズ

メニューバーの例 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;
    • 第六栏
      ;
    • 菜单栏例二：复制代代码如下:



    黄页地区列表










    声明：
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事：HTML は太字、斜体、下線、取り消し線、その他のフォント効果を設定します_HTML/Xhtml_Web ページの制作次の記事：HTML は太字、斜体、下線、取り消し線、その他のフォント効果を設定します_HTML/Xhtml_Web ページの制作

    関連記事

    続きを見る