JS+CSS实现滑动切换tab菜单效果_javascript技巧

本文实例讲述了JS+CSS实现滑动切换tab菜单效果。分享给大家供大家参考。具体如下：

这是风格简单的一款JS+CSS滑动门特效代码，当鼠标滑过菜单的时候，二级菜单自动切换，鼠标不需要点击，滑动门效果是个比较流行的网页菜单效果，在网上经常可看到这种菜单的身影。本菜单在火狐、IE8、Chrome下测试通过，代码兼容性还可以，自己用的化再美化一下风格。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-css-move-cha-tab-menu-style-codes/

具体代码如下：

 
 

  

   

在线学习
   
运动休闲
   
编程社区
   
文化娱乐
   
休息项目
   
人际往来
  

  

   

   

html学习
   
编译原理
   
人工智能
   
算法设计
   

  

   

开车
   
郊游
   
音乐
   

  

   

MSDN
   
编译原理
   
科幻电影
   
技术文档
   

  

   

java学习
   
html学习
   
编译原理
   
人工智能
   
算法设计
   

  

   

html学习
   
编译原理
   
人工智能
   

  

   

java学习
   
html学习
   
算法设计
   
 
  
 
 
 

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