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

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

WBOY
发布: 2016-05-16 16:37:53
原创
1429 人浏览过

菜单栏示例一:


复制代码
代码如下:

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>











菜单栏示例二:




复制代码
代码如下:



黄页地区列表






相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板