TAB菜单按钮选择样式
<scriptlanguage="javascript">functionshowdiv(i) &n...
<script language="javascript">function showdiv(i) { for(j=1;j<=5;j++) { document.getElementById('div'+j).style.display='none'; } document.getElementById('div'+i).style.display='block'; } </script><style>.input{ background:black;}.current{background:red}#div1{background:black;width:100px; height:100px;}#div2{ background:red;width:100px; height:100px;}#div3{ background:blue;width:100px; height:100px;}#div4{ background:yellow;width:100px; height:100px;}#div5{ background:green;width:100px; height:100px;}</style><body><a href="#" onclick="showdiv(1)">你好</a><a href="#" onclick="showdiv(2)">你好</a><a href="#" onclick="showdiv(3)">你好</a><a href="#" onclick="showdiv(4)">你好</a><a href="#" onclick="showdiv(5)">你好</a><div id="div1" style="display:block;"></div><div id="div2" style="display:none;"></div><div id="div3" style="display:none;"></div><div id="div4" style="display:none;"></div><div id="div5" style="display:none;"></div> 这段代码是TAB菜单，但是我的“按钮”（如果a标签会影响的话 ，可以换成button），无法选择一种样式，比如选择第二个DIV的时候 按钮要的是样式current，其他的按钮均是input样式，第二个DIV的时候按钮也要current样式，其他均是input，这样才显得专业一点，高手帮我修改修改
展开
2个回答
展开全部
<script language="javascript">
function showdiv(i)
{
for(j=1;j<=5;j++)
{
document.getElementById('div'+j).style.display='none';
document.getElementById('a'+j).className='input'
}
document.getElementById('div'+i).style.display='block';
document.getElementById('a'+i).className='current';
}
showdiv(1)
</script>
function showdiv(i)
{
for(j=1;j<=5;j++)
{
document.getElementById('div'+j).style.display='none';
document.getElementById('a'+j).className='input'
}
document.getElementById('div'+i).style.display='block';
document.getElementById('a'+i).className='current';
}
showdiv(1)
</script>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
