【转载】纯CSS3实现飘逸洒脱带有飞行效果的三级下拉菜单

本文实例讲述了纯CSS3实现飘逸洒脱带有飞行效果的三级下拉菜单。分享给大家供大家参考。具体如下：

这是一款纯CSS3实现的飘逸洒脱的飞行菜单，三级下拉菜单，多级菜单，可支持三级，会飞行的子菜单，因为使用CSS3技术，所以您在IE下将看不到效果，测试请用Chrome或火狐等浏览器。

效果描述：把鼠标放在主菜单的任意菜单上，所属的二级菜单就会按次序的飞过来，然后现移上二级菜单任意项，三级菜单会滑开，很棒的菜单效果。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/css3-fly-style-3lelvel-down-show-menu-codes/

具体代码如下：

Flying CSS3 Navigation Menu

Back to original tutorial on Script Tutorials

• Home


• Menu 1
  
  
  
  • Submenu 1
  
  
  • Submenu 2
  
  
  • Submenu 3
  
  
  • Submenu 4
  
  
  • Submenu 5
  
  
  
  


• Menu 2
  
  
  
  • Submenu 2-1
  
  
  • Submenu 2-2
  
  
  • Submenu 2-3
  
  
  • Submenu 2-4
  
  
  • Submenu 2-5
  
  
  • Submenu 2-6
  
  
  • Submenu 2-7
  
  
  • Submenu 2-8
  
  
  
  


• Menu 3
  
  
  
  • Submenu 3-1
  
  
  • Submenu 3-2
  
  
  • Submenu 3-3
  
  
  • Submenu 3-4
  
  
  • Submenu 3-5
  
  
  
  


• Menu 4


• Menu 5


• Menu 6


• Back

希望本文所述对大家的div+css程序设计有所帮助。

本文转载于http://www.hackbase.com/article-2631-1.html