一个页面复用的滑动门，第一次搞，错误百出，望高手指正！


<script type="text/javascript">
function Show_a(id,idshow,n,maxn) {
  for (i=1; i<maxn; i++) {
document.getElementByid(id+i).style.background = "#cccccc";
}
document.getElementByid(id+n).background = "#779999";

  for (i=1; i<maxn; i++) {
document.getElementByid(idshow+i).style.display = "none";
}
        document.getElementByid(idshow+n).style.display ="block";
}

</script>
 <style>
 #show a { display:block; float:left; width:100px; background:#cccccc; margin-left:5px }
 #show1,#show2,#show3 { display:none}
 </style>                   
 <div id="show">                   
<a href="#" onMouseover="show_a(link,show,1,3)" id="link1">餐厅推荐</a><a href="#" onMouseover="show_a(link,show,2,3)" id="link2">新品在线</a><a href="#" onMouseover="show_a(link,show,3,3)" id="link3">推荐商机</a>
<div id="show1" >1111 </div>
<div id="show2">22222 </div>
<div id="show3">333333 </div>
</div>因为页面有好几个这样的滑动门，希望简洁的实现。
id--链接id前缀
idshow--鼠标经过显示div的id前缀
n--鼠标经过的链接id
maxn--要显示的div的个数，也是链接id的个数
------------------------
不知道哪里错了？谢谢高手的指正！

解决方案 »

  1.   

    我稍微修改了一下
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 3</title>
    <script type="text/javascript">
    function show_a(id,idshow,n,maxn) {
      for (i=1; i<=maxn; i++) {
                document.getElementById(id+i).style.backgroundColor= "#cccccc";
                            }
                document.getElementById(id+n).style.backgroundColor= "#779999";
            
      for (i=1; i<=maxn; i++) {
                document.getElementById(idshow+i).style.display = "none";
                            }
                document.getElementById(idshow+n).style.display ="block";
    }
                        
    </script>
     <style>
     #show a { display:block; float:left; width:100px; background:#cccccc; margin-left:5px }
     #show1,#show2,#show3 { display:none}
     </style>
    </head><body>
    <div id="show">                   
    <a href="#" onMouseover="show_a('link','show',1,3)" id="link1">餐厅推荐</a>
    <a href="#" onMouseover="show_a('link','show',2,3)" id="link2">新品在线</a>
    <a href="#" onMouseover="show_a('link','show',3,3)" id="link3">推荐商机</a>
    <div id="show1" >1111 </div>
    <div id="show2">22222 </div>
    <div id="show3">333333 </div>
    </div>
    </body></html>
      

  2.   

    为什么一定要用id了
    不用id不更好吗？