牛骨文教育服务平台(让学习变的简单)
博文笔记

Tab的切换问题:Tab的显示和隐藏

创建时间:2010-12-08 投稿人: 浏览次数:2197

有人问到Tab的切换问题,其实很简单:

function changePhotoAndTab(c,n){
    //tab个数
    var len=2;
    for(i=1;i<=len;i++){
       document.getElementById(c + "_" + i).className = (i==n) ? "block":"none";
    }
}

 

在CSS中设置:

.block{display:block;}

.none{display:none;}

 

调用时:

onMouseOver=“changePhotoAndTab("InfoAssemble",1)”  //前者是Tab名称,后面的数字为序号,可根据不同的Tab改动其值。

 

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。