首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-09-14 
【JS常用代码】选项卡切换效果 (一)选项卡切换效果1.选项卡和层一起切换的效果function setTab(name,cursel,

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

热点排行