隐藏/显示页面控件的位置移动问题

用层实现！你可以参照下ELONG的首页

解决方案 »

  1.   

    <html>
    <head>
    <script >function f(){
    var obj=document.getElementsByTagName("div");
    var Maxvalue=0;
    var flag=0;
    for(var i=0;i<obj.length;i++)
     {
     
      if(Maxvalue<obj[i].style.zIndex)
        {
        Maxvalue=obj[i].style.zIndex;
        flag=i;
        }
     }for(var i=0;i<obj.length;i++)
     {
      if(i==flag)
      {
        obj[i].style.zIndex=1;
      }
      else
      {
       obj[i].style.zIndex=obj[i].style.zIndex+1;
      }
     }
     
     
    }
    </script>
    </head>
    <body><div id="mydiv"  style="position:absolute; top:100; left:100;z-index:1">
    <select id="m1">
    <option>s1
    <option>s2
    </select>
    </div>
    <div id="mydiv"   style="position:absolute; top:100; left:100;z-index:2">
    <select id="m2" >
    <option>k1
    <option>k2
    </select>
    </div>
    <div  id="mydiv"  style="position:absolute; top:100; left:100;z-index:3">
    <select id=Select1 >
    <option>aa
    <option>bb
    </select>
    </div><input type="button" value ="hide current one" onclick="f();" ID=Button1></body>
    </html>
      

  2.   

    用style.display="none";这个不占空间