菜单js特效

Tab菜单   当当网中间第二个


   function f(j)
  {
    var a=document.getElementById('d')//外面的div
    var b=a.getElementsByTagName("div"); //所有的里面的div
for(var i=0;i<b.length;i++)
{
  b[i].style.display='none';    
}
    b[j].style.display='block';  
  }







       <div class="box">                                                
                     <ul id="f">
                        <li><a href="#" onmouseover='f(0)'>历史</a></li>
                        <li><a href="#" onmouseover='f(1)'>家教</a></li>
                        <li><a href="#" onmouseover='f(2)'>文化</a></li>
                        <li><a href="#" onmouseover='f(3)'>小说</a></li>
                     </ul>         
               </div>
       <div id="d">       
                     <div id="d1">内容</div>