漂亮的动画下拉导航菜单

漂亮的动画下拉导航菜单

 js和css请到演示页面查看

演示

• 铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元
• 积木盒子首次投资至少送30元
• ppmoney注册并实名认证送10元话费，投资再送20元现金

 

 

XML/HTML Code

<div id="menu" style=" margin-top:20px;">
<ul class="menu">
<li><a href="#" class="parent"><span>Homespan>a>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1span>a>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1.1span>a>
<ul>
<li><a href="#"><span>Sub Item 1.1.1span>a>li>
<li><a href="#"><span>Sub Item 1.1.2span>a>li>
ul>
li>
<li><a href="#"><span>Sub Item 1.2span>a>li>
<li><a href="#"><span>Sub Item 1.3span>a>li>
<li><a href="#"><span>Sub Item 1.4span>a>li>
<li><a href="#"><span>Sub Item 1.5span>a>li>
<li><a href="#"><span>Sub Item 1.6span>a>li>
<li><a href="#" class="parent"><span>Sub Item 1.7span>a>
<ul>
<li><a href="#"><span>Sub Item 1.7.1span>a>li>
<li><a href="#"><span>Sub Item 1.7.2span>a>li>
ul>
li>
ul>
li>
<li><a href="#"><span>Sub Item 2span>a>li>
<li><a href="#"><span>Sub Item 3span>a>li>
ul>
li>
<li><a href="#" class="parent"><span>Product Infospan>a>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1span>a>
<ul>
<li><a href="#"><span>Sub Item 1.1span>a>li>
<li><a href="#"><span>Sub Item 1.2span>a>li>
ul>
li>
<li><a href="#" class="parent"><span>Sub Item 2span>a>
<ul>
<li><a href="#"><span>Sub Item 2.1span>a>li>
<li><a href="#"><span>Sub Item 2.2span>a>li>
ul>
li>
<li><a href="#"><span>Sub Item 3span>a>li>
<li><a href="#"><span>Sub Item 4span>a>li>
<li><a href="#"><span>Sub Item 5span>a>li>
<li><a href="#"><span>Sub Item 6span>a>li>
<li><a href="#"><span>Sub Item 7span>a>li>
ul>
li>
<li><a href="#"><span>Helpspan>a>li>
<li class="last"><a href="#"><span>Contactsspan>a>li>
ul>
div>

 

原文地址:http://www.freejs.net/article_daohangcaidan_314.html