javascript的tab切换原理与效果实现方法_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:31:49

javascript的tab切换原理与效果实现方法_javascript技巧

javascript的tab切换原理与效果实现方法_javascript技巧:本文实例讲述了javascript的tab切换原理与效果实现方法。分享给大家供大家参考。具体实现方法如下：代码如下: #container{border:solid 1px green;width:300px;height:300px;} li{float:left;margin-left:20px;}

推荐度：

点击下载本文 文档为doc格式

导读javascript的tab切换原理与效果实现方法_javascript技巧:本文实例讲述了javascript的tab切换原理与效果实现方法。分享给大家供大家参考。具体实现方法如下：代码如下: #container{border:solid 1px green;width:300px;height:300px;} li{float:left;margin-left:20px;}

本文实例讲述了javascript的tab切换原理与效果实现方法。分享给大家供大家参考。

具体实现方法如下：

代码如下:

function tab(pid){
var ps = ['news','sports','military','bbs'];
for(var i=0,len=ps.length;i if(ps[i] == pid){
document.getElementById(ps[i]).style.display = "block";
}else{
document.getElementById(ps[i]).style.display = "none";
}
}
}