读书人

【JS惯用代码】选项卡切换效果 (一)

发布时间: 2012-09-14 11:53:44 作者: rapoo

【JS常用代码】选项卡切换效果 (一)
选项卡切换效果



1.选项卡和层一起切换的效果

function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
2.只切换选项卡效果

function setonlyTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
menu.className=i==cursel?"hover":"";
}
}

读书人网 >JavaScript

热点推荐