JSP 切换DIV块问题
/*栏目切换样式开始*/
.none {display: none;}
.block {display: block;}
/*头部样式*/
.s_c {width:800px;text-align: center;}
.s_c ul{clear:both;margin:0;}
.s_c li{list-style:none;float:left;position: relative;width: 70px;}
/**/
/**/
.s_b{
border:1px solid #666;
height: 160px;
width: 440px;
}
/**/
/*栏目切换样式结束*/
</style>
<script type="text/javascript">
function aa(s_id) {
for (i = 1; i < 8; i++) {
if (i == s_id) {
document.getElementById("s" + i).className = "block"; //内容的样式
document.getElementById("m" + i).className = "c_" + i + " c_1"; //头部的样式
//document.getElementById("uid_"+i).focus();
}
else {
document.getElementById("s" + i).className = "none"; //内容不显示
document.getElementById("m" + i).className = "c_0"; //
}
}
}
</script>
</head>
<body>
<div id="m1" ><a href="#" onclick="aa(1)">水</a></div>
<div id="m2" ><a href="#" onclick="aa(2)">水</a></div>
<div id="s1">abcdefg</div>
<div id="s2">hijklmnopqrst</div>
页面刚运行的时候两行都显示，我想刚开始的时候只显示一行，求大神
最新回答
浮世三月
2024-11-02 07:52:56
<div id="m2" class="c_1"><a href="#" onclick="aa(2)">水</a></div>
<div id="s1" class="block">abcdefg</div>
<div id="s2" class="none">hijklmnopqrst</div>
用css设定
追问
可是我的div块数量很多，而且不确定点的是哪个。。。 有可能点了第一个点最后一个，点了最后一个点中间的一个
追答
不管你点哪一个. 页面初始化的时候是不是应该只显示第一个?
如果你嫌一个个给class麻烦. 也可以先将所有的div隐藏.
在body部分添加onload事件. 即当页面加载完成时默认执行等同于点击第一个div的效果
<body onload="aa(1);">
追问
我把所有的都隐藏了。。。body加了事件了。。。。还是出不来，在哪儿加单机的时候可见？我原来的那个不起作用
热门标签
