- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- </title>
- <style type="text/CSS">
- ul ul {display: none;}
- </style>
- </head>
- <body>
- <ul class="nav">
- <li>
- <span>
- 一级菜单
- </span>
- <ul>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- </ul>
- </li>
- <li>
- <span>
- 一级菜单
- </span>
- <ul>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- </ul>
- </li>
- <li>
- <span>
- 一级菜单
- </span>
- <ul>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- <li>
- 二级菜单
- </li>
- </ul>
- </li>
- </ul>
- </body>
- <script src="jquery.js" type="text/javascript" charset="utf-8">
- </script>
- <script type="text/javascript">
- $(".nav").children("li").mouseover(function() {
- $(this).children("ul").stop().show(500).parent().siblings().children("ul").stop().hide(500);
- })
- </script>
- </HTML>
<!-- 次 jQuery 为第一代 14 版 -->
来源: http://www.bubuko.com/infodetail-3209273.html