首页 >web前端 >html教程 >二个简单的菜单导航条示例_HTML/Xhtml_网页制作

二个简单的菜单导航条示例_HTML/Xhtml_网页制作

WBOY
WBOY原创
2016-05-16 16:37:531447浏览

菜单栏示例一:


复制代码
代码如下:

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">

<script>http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> type="text/javascript"><br /> $(function() {<br /> $("#container .menu1 ul li").click(function() {<br /> var index = $("#container .menu1 ul li").index(this);<br /> $(this).addClass("bg").siblings().removeClass();<br /> $("#container .menu2 ul li ul").eq(index).show().parent().siblings("li").children("ul").hide();<br /> })<br /> })<br /> </script>











菜单栏示例二:




复制代码
代码如下:



黄页地区列表






声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn