日期:2014-05-16  浏览次数:20421 次

【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":"";
            }
        }