Maison > Article > interface Web > 二个简单的菜单导航条示例_HTML/Xhtml_网页制作
二个简单的菜单导航条示例_HTML/Xhtml_网页制作
- WBOYoriginal
- 2016-05-16 16:37:531351parcourir
菜单栏示例一：
复制代码
代码如下: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>
菜单栏示例二：
复制代码
代码如下:Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：html设置加粗、倾斜、下划线、删除线等字体效果_HTML/Xhtml_网页制作Article suivant：在html中禁用自动完成不让其显示历史记录_HTML/Xhtml_网页制作