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

本文实例讲述了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程序设计有所帮助。