新手求助!HTML中调用CSS 标签式导航问题!!!!
求助网页中下述代码点击内容按钮1出现内容1点击内容按钮2出现内容2.但一个页面中出现两组这个代码,就只有一组可用,请问要改那些东西才能让两组以上可用呢<divclass=...
求助网页中下述代码 点击内容按钮1 出现 内容1 点击内容按钮2 出现 内容2.但一个页面中出现两组这个代码,就只有一组可用,请问要改那些东西才能让两组以上可用呢
<div class="index_right">
<script language="javascript">
function showDiv(num1,num2){
document.getElementById("Tabb"+num1).className="Selected";
document.getElementById("k_tab"+num1).style.display="block";
document.getElementById("Tabb"+num2).className="";
document.getElementById("k_tab"+num2).style.display="none";
}
function toMore(){
if(document.getElementById("k_tab3").style.display=="block"){
document.getElementById("moreA1").href="http://内容1列表";
}else{
document.getElementById("moreA1").href="http://内容2列表";
}
}
</script>
<div class="box_3">
<div class="weektab">
<div id="Whatever2">
<ul class="TabBarLevel1" id="TabPage2">
<span><a id="moreA1" onclick="toMore()" href="#"><img src="space.gif" border="0" /></a></span>
<li id="Tabb3" class="Selected"><a onclick="showDiv(3,4);" onfocus="this.blur()" style="cursor:pointer">内容按钮1</a></li>
<li id="Tabb4"><a onclick="showDiv(4,3);" onfocus="this.blur()" style="cursor:pointer">内容按钮2</a></li>
</ul>
</div>
</div>
<div id="k_tab3" style="display:block;height:110px">
<div class="blog_cont">
内容1</div>
</div>
<div id="k_tab4" style=" text-align:center;display: none;height:110px">
<div class="blog_cont">
内容2</div>
</div>
</div>
靠,刚发完问题就解决了, 改下ID的序号 对应下面的也改下就行了 showDiv(4,3);中的数字也改下就可以了。 展开
<div class="index_right">
<script language="javascript">
function showDiv(num1,num2){
document.getElementById("Tabb"+num1).className="Selected";
document.getElementById("k_tab"+num1).style.display="block";
document.getElementById("Tabb"+num2).className="";
document.getElementById("k_tab"+num2).style.display="none";
}
function toMore(){
if(document.getElementById("k_tab3").style.display=="block"){
document.getElementById("moreA1").href="http://内容1列表";
}else{
document.getElementById("moreA1").href="http://内容2列表";
}
}
</script>
<div class="box_3">
<div class="weektab">
<div id="Whatever2">
<ul class="TabBarLevel1" id="TabPage2">
<span><a id="moreA1" onclick="toMore()" href="#"><img src="space.gif" border="0" /></a></span>
<li id="Tabb3" class="Selected"><a onclick="showDiv(3,4);" onfocus="this.blur()" style="cursor:pointer">内容按钮1</a></li>
<li id="Tabb4"><a onclick="showDiv(4,3);" onfocus="this.blur()" style="cursor:pointer">内容按钮2</a></li>
</ul>
</div>
</div>
<div id="k_tab3" style="display:block;height:110px">
<div class="blog_cont">
内容1</div>
</div>
<div id="k_tab4" style=" text-align:center;display: none;height:110px">
<div class="blog_cont">
内容2</div>
</div>
</div>
靠,刚发完问题就解决了, 改下ID的序号 对应下面的也改下就行了 showDiv(4,3);中的数字也改下就可以了。 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询