js实现简洁的TAB滑动门效果代码_javascript技巧

本文实例讲述了js实现简洁的TAB滑动门效果代码。分享给大家供大家参考。具体如下：

这是一款滑动门代码，简洁TAB，简单的鼠标导航效果，大家或许经常见到的效果啦，鼠标放在主菜单上，下边框架内的内容会跟着变换，鼠标不需要点击，只需要滑上去就可切换内容，像一扇门，所以有时候别人叫“滑动门”菜单。

运行效果如下图所示：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-tab-simple-cha-style-codes/

具体代码如下：

 

  

ASP
  
PHP2
  
PHP3
  
PHP4
  

 

  

  第一块内容
  

  第二块内容
  

  第三块内容
  

  第四块内容
 
 

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