js控制图层的显隐（不是鼠标控制）

三个图层<div id=1></div>    <div id=2></div>  <div id=3></div>
参数XS是通过页面传递的

解决方案 »

  1.   

    三个图层<div id=1></div><div id=2></div><div id=3></div>参数XS是页面传递的
      

  2.   

    按 http://localhost/xxx.htm?xs=2 方式访问<html> 
    <head> 
    <script language="JavaScript"> 
    var xs = 1;
    function show(n){
       for(var i=1;i<=3;i++){
          if(i==n) document.getElementById("pad"+i).style.visibility = "visible";
          else  document.getElementById("pad"+i).style.visibility = "hidden";
       }
    }
    window.onload=function(){
    var s = location.search;
    var st = s.indexOf("xs=");
    if(st==-1) xs =1;
    else{
    var ed = s.indexOf("&", st);
    if(ed == -1) ed = s.length;
    xs = s.substring(st+3,ed);
    xs = xs.replace(/(^\s+)|(\s+$)/g,"");
    xs = parseInt(xs);
    }
        show(xs);
    }
    </script>
    </head>
    <body> 
    <div id="pad1" style="visibility:hidden;">111111 </div>
    <div id="pad2" style="visibility:hidden;">222222 </div>
    <div id="pad3" style="visibility:hidden;">333333 </div> 
    </body> 
    </html>
      

  3.   

    window.onload=function(){
        var s = location.search;
        var st = s.indexOf("xs=");
        if(st==-1) xs =1;
        else{
            var ed = s.indexOf("&", st);
            if(ed == -1) ed = s.length;
            xs = s.substring(st+3,ed);
            xs = xs.replace(/(^\s+)|(\s+$)/g,"");
            xs = parseInt(xs);
        }
           show(xs);
    }谢谢hookee ，如果xs的值是这样的，比如是事先设定的，如我想在页面设广告1可见，页面设xs=1,（不是页面传递的（，怎么办？
      

  4.   


    <html> 
    <head> 
    <script language="JavaScript"> 
    var xs = 1; //在此设定即可
    function show(n){
       for(var i=1;i<=3;i++){
          if(i==n) document.getElementById("pad"+i).style.display = "block";
          else     document.getElementById("pad"+i).style.display = "none";
       }    
    }
    window.onload=function(){
           show(xs);
    }
    </script>
    </head>
    <body> 
    <div id="pad1" style="display:none;">111111 </div>
    <div id="pad2" style="display:none;">222222 </div>
    <div id="pad3" style="display:none;">333333 </div> 
    </body> 
    </html>