平滑的动画下拉导航菜单

平滑的动画下拉导航菜单

 

演示

 

XML/HTML Code

1. <ul>  
2.         <li class="green">  
3.             <p><a href="#">Home</a></p>  
4.             <p class="subtext">freejs</p>  
5.         </li>  
6.         <li class="yellow">  
7.             <p><a href="#">About</a></p>  
8.             <p class="subtext">More info</p>  
9.         </li>  
10.         <li class="red">  
11.             <p><a href="#">Contact</a></p>  
12.             <p class="subtext">Get in touch</p>  
13.         </li>  
14.         <li class="blue">  
15.             <p><a href="#">Submit</a></p>  
16.             <p class="subtext">Send us your stuff!</p>  
17.         </li>  
18.         <li class="purple">  
19.             <p><a href="#">Terms</a></p>  
20.             <p class="subtext">Legal things</p>  
21.         </li>  
22.     </ul>  

 

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