html选项卡鼠标滑动切换代码,JS+CSS实现滑动切换tab菜单效果

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

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

运行效果截图如下：

在线演示地址如下：

具体代码如下：

var $=function(a,b){

var ID = document.getElementById(a);

var OBJ= (b)?ID.getElementsByTagName(b):ID;

return OBJ

}

var n=0;

var tab = function(MENU,BODY){

var l = MENU.length;

for(var i=0;i

MENU[i].οnmοuseοver=function(a){

return function(){

MENU[n].className="label"

BODY[n].style.display