- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
- a{text-decoration:none}
- .menu ul{
- margin:0 0 0 10px;
- padding:0;
- display:none;
- }
- .menu ul li{
- height:22px;
- line-height:22px;
- border:none;
- }
- .menu ul li a{
- font-size:12px;
- font-weight:normal;
- color:#666;
- }
- .menu ul ul{
- position:absolute;
- z-index:3;
- background:#CC3366;
- }
- .menu ul ul li{text-indent:10px;padding-right:10px}
- .menu ul ul li a{color:#fff}
- </style>
- </head>
- <body>
- <ul class="menu" id="menu">
- <li><a href="#">一级菜单1</a>
- <ul>
- <li><a href="#">二级菜单1</a></li>
- <li><a href="#">二级菜单2</a></li>
- <li><a href="#">二级菜单3</a></li>
- <li><a href="#">二级菜单4</a></li>
- <li><a href="#">二级菜单5</a></li>
- <li><a href="#">二级菜单6</a></li>
- </ul>
- </li>
- <li><a href="#">一级菜单2</a>
- <ul>
- <li><a href="#">二级菜单1</a>
- <ul>
- <li><a href="#">三级菜单1</a></li>
- <li><a href="#">三级菜单2</a></li>
- </ul>
- </li>
- <li><a href="#">二级菜单2</a></li>
- </ul>
- </li>
- </ul>
- <SCRIPT type=text/javascript>
- var menu=new menu.dd("menu");
- menu.init("menu","menuhover");
- </SCRIPT>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/140520133325.html
来源: http://www.codesnippet.cn/detail/140520133325.html