首頁  >  文章  >  web前端  >  二個簡單的選單導覽列範例_HTML/Xhtml_網頁製作

二個簡單的選單導覽列範例_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:37:531384瀏覽

選單列範例一:


複製程式碼
程式碼如下:

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

http://ajax.googleapis.com/ajax/ libs/jquery/1/jquery.min.js”>
$(function() {
$("#container .menu1 ul li") .click(function() {
var index = $("#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();
})
})












菜單欄示例二:




複製代碼
程式碼如下:



黃頁地區列表






陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn