选项卡切换,当点击不同tag时,tag变量 ,并且显示不同内容,哪位大神给看一下!真不知道怎么改?

小狮子 发布于 2014/07/06 17:17
阅读 231
收藏 0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>选项卡式导航</title>
<style type="text/css">


.right_table_titlebg{
    width:150px; height:22px; _height:20px;  background:#ffb913; color:#fff; float:left; cursor:pointer; padding-top:4px;_padding-top:5px;line-height:22px;
}
.right_table_titlebg1{
    width:150px; height:22px; _height:20px; background:#ededed; color:#000; float:left; cursor:pointer; padding-top:4px; _padding-top:5px; border-right:1px solid #ccc;line-height:22px;
}


</style>
<script language="javascript">
function switchTag(div,content,lik)
{

for(i=1; i <5; i++)
{

if (i==lik)
{
document.getElementById(div+i).className="right_table_titlebg";
document.getElementById(content+i).style.display="block";
}else{
document.getElementById(div+i).className="right_table_titlebg1";
document.getElementById(content+i)style.display="none";
}


}
</script>
</head>
<body>


<div class="pub_float_l">
<div id="div1" class="right_table_titlebg"  name="div1" onclick="switchTag('div','content','1');this.blur();">01客户基本信息</div>
<div id="div2" class="right_table_titlebg1" name="div2" onclick="switchTag('div','content','2');this.blur();">02客户联系人</div>
<div id="div3" class="right_table_titlebg1" name="div3" onclick="switchTag('div','content','3');this.blur();">03信息化合作伙伴</div>
<div id="div4" class="right_table_titlebg1" name="div4" onclick="switchTag('div','content','4');this.blur();">04结束</div>
</div>

 

<div  style="position:absolute; top:50px">
<div id="content1"  >1、根据字数自适应项目长度</div>
<div id="content2"  style="display: none;">2、不同的项目使用不同的颜色来区分</div>
<div id="content3"  style="display: none;">3、这回需要使用到js了,呵呵</div>
<div id="content4"  style="display: none;">4、背景图片只需要两个图片文件就足够,减少服务器负担</div>
</div>

</body>
</html>

加载中
0
张攀
张攀
两个问题,定义函数少了“}”, 还有一个 document.getElementById(content+i)style.display="none";少了一个"."
小狮子
谢谢,就是这两个问题!Thank you so much!
返回顶部
顶部