这滑动门错哪了?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滑动门练习</title>
<style type="text/css">
boay { text-align:center; background:#FFF; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
li { list-style-type:none;}
ol,ul { list-style:none;}
.min { width:400px; margin:0 auto; background-color:#CBF3F8; border:1px solid #8DBDF1; overflow:hidden;}
.ul_dh li { display:inline; height:35px; line-height:35px;}
#d_dianji { display:block;}
#d_reping { display:none;}
#d_pk { display:none;}</style><script type="text/javascript">
 function showTab(tiem)
 {
for(var i=1;i<arguments.length;i++)
{ 
document.getElementById("d"+arguments[i]).style.display="none";
document.getElementById("li"+arguments[i]);
}
document.getElementById("d"+item).style.display="block";
document.getElementById("li"+item);
 
}</script>
</head><body>
  <div class="min">
   
   
  <ul class="ul_dh">
  <li id="li_dianji" onmouseover="showTab("dianji","reping","pk")">点击榜</li>
  <li id="li_reping" onmouseover="showTab("reping","dianji","pk")">热评榜</li>
  <li id="li_pk" onmouseover="showTab"("pk","dianji","reping")>PK榜</li>
  </ul>
   
   
   
  <div id="d_dianji">
  <ul>
  <li>qqq11233</li>
  <li>qqq11233</li>
  <li>qqq11233</li>
  <li>qqq11233</li>
  <li>qqq11233</li>
  <li>qqq11233</li>
  </ul>
  </div>
   
   
  <div id="d_reping">
  <ul>
  <li>11114233</li>
  <li>ggg1ssd3</li>
  <li>qqq11233</li>
  <li>qfgrq11233</li>
  <li>qqq11233</li>
  <li>qqq11233</li>
  </ul>
  </div>
   
   
  <div id="d_pk">
  <ul>
  <li>gddfg3</li>
  <li>qqq11233</li>
  <li>qqfdg</li>
  <li>qqq11233</li>
  <li>qqdfg</li>
  <li>qqq11233</li>
  </ul>
  </div>
   
  </div>
</body>
</html>

解决方案 »

  1.   

    思路应该是： 鼠标经过的时候 for循环，所有的都隐藏，然后你传递参数的那个显示 
      

  2.   

    你对比下错误的地方吧
    基本都是粗心
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>滑动门练习</title>
    <style type="text/css">
    boay { text-align:center; background:#FFF; font-size:12px;}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
    li { list-style-type:none;}
    ol,ul { list-style:none;}
    .min { width:400px; margin:0 auto; background-color:#CBF3F8; border:1px solid #8DBDF1; overflow:hidden;}
    .ul_dh li { display:inline; height:35px; line-height:35px;}
    #d_dianji { display:block;}
    #d_reping { display:none;}
    #d_pk { display:none;}</style><script type="text/javascript">
     function showTab(item)
     {
    for(var i=1;i<arguments.length;i++)
    { 
    document.getElementById("d_"+arguments[i]).style.display="none";
    document.getElementById("li"+arguments[i]);
    }
    document.getElementById("d_"+item).style.display="block";
    document.getElementById("li"+item);
     
    }</script>
    </head><body>
      <div class="min">
       
       
      <ul class="ul_dh">
      <li id="li_dianji" onmouseover="showTab('dianji','reping','pk')">点击榜</li>
      <li id="li_reping" onmouseover="showTab('reping','dianji','pk')">热评榜</li>
      <li id="li_pk" onmouseover="showTab('pk','dianji','reping')">PK榜</li>
      </ul>
       
       
       
      <div id="d_dianji">
      <ul>
      <li>qqq11233</li>
      <li>qqq11233</li>
      <li>qqq11233</li>
      <li>qqq11233</li>
      <li>qqq11233</li>
      <li>qqq11233</li>
      </ul>
      </div>
       
       
      <div id="d_reping">
      <ul>
      <li>11114233</li>
      <li>ggg1ssd3</li>
      <li>qqq11233</li>
      <li>qfgrq11233</li>
      <li>qqq11233</li>
      <li>qqq11233</li>
      </ul>
      </div>
       
       
      <div id="d_pk">
      <ul>
      <li>gddfg3</li>
      <li>qqq11233</li>
      <li>qqfdg</li>
      <li>qqq11233</li>
      <li>qqdfg</li>
      <li>qqq11233</li>
      </ul>
      </div>
       
      </div>
    </body>
    </html>
      

  3.   

    谢谢了啊!!还真错了好多地方,因为是第一次学,以后我会认真看的.
    原来我还以为是CSS出问题了,吓死我了.