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

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

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

运行效果如下图所示：

在线演示地址如下：

http://demo.0133.cn/js/2015/js-tab-simple-cha-style-codes/

具体代码如下：

    
 
 
 
ASP
PHP2
PHP3
PHP4
 
 第一块内容
 第二块内容
 第三块内容
 第四块内容

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