<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>