<style>
.dong{background-color:red}
.jing{background-color:blue}
</style>
<div id="box">
<div class="dong" id="my_div1_10" onmousemove=tab(this)>栏目1 </div> //栏目标题
<div id="my_div2_10">11111 </div> //栏目包含的内容
<div class="jing" id="my_div1_11" onmousemove=tab(this)>栏目2 </div>
<div id="my_div2_17" style="DISPLAY: none">2222 </div>
<div class="jing" id="my_div1_12" onmousemove=tab(this)>栏目3 </div>
<div id="my_div2_12" style="DISPLAY: none">3333 </div>
//注:中间没有13到15
<div class="jing" id="my_div1_16" onmousemove=tab(this)>栏目4 </div>
<div id="my_div2_16" style="DISPLAY: none">4444 </div>
</div>
<script language=javascript>
function showDiv()
{
var objs=document.getElementsByTagName("div")
for(var i=0;i<objs.length;i++)
{
if(/^my_div1_(\d+)$/.test(objs[i].id))
{
var indexDiv1=RegExp.$1
var indexDiv2=objs[i+1].id.replace(/my_div2_/,"")
if(indexDiv1==indexDiv2){
objs[i].className="dong"
objs[i+1].style.display="block"
}
else{
objs[i].className="jing"
objs[i+1].style.display="none"
}
}
}
}
showDiv()
</script>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货