DIV层转换?

有4个DIV层就是让一个层一个层自动的3秒钟显示一次 不显示的层隐藏起来...用javascript怎么写啊?

解决方案 »

  1.   

    document.getElementById("div1").style.display="none";
    setTimeout("XXXX".1000);
      

  2.   

    <html>
    <head>
    </head>
    <body>
    <div id="div1" style="display:none">Div1</div>
    <div id="div2" style="display:none">DIV2</div>
    <div id="div3" style="display:none">Div3</div>
    <div id="div4" style="display:none">Div4</div>
    </body>
    <script type= "text/javascript" >
    var divIds = ['div1','div2','div3','div4'];
    var index = 0;
    function show()
    {
    var divToShow = document.getElementById(divIds[index % 4]);
    divToShow.style.display = "block";
    for( var j = 0; j < divIds .length; j++ )
    {
    if( divIds[j] != divIds[index % 4] )
    {
    document.getElementById(divIds[j]).style.display = "none";
    }
    }
    index++;
    }
    setInterval( "show()", 1000 );
    </script>
    </html>
      

  3.   

    简单写了下大概就是这个意思，没测试4个div ,id是div_1  到4
    var n=1function Show(){
    for(var i=0;i<4;i++){document.getElementById("div_"+i).style.display="none";}
    document.getElementById("div_"+n).style.display="block";
    n=n+1
    if(n>4){n=1}
    }
    setTimeout('show()',300);
      

  4.   

    <div id=div1 style="display:none">aaa</div>
    <div id=div2 style="display:none">bbb</div>
    <div id=div3 style="display:none">ccc</div>
    <div id=div4 style="display:none">ddd</div>
    <script>
    var num = 1;
    function setDiv(){
    var divName = "div1";
    if(num==5)
    num = 1;

    displayDivName = "div"+num;
    document.getElementById(displayDivName).style.display = ''; for(var i=1;i<=4;i++){
    divName = "div"+i;
    if(divName!=displayDivName){
    document.getElementById(divName).style.display = 'none';
    }
    }
    num++;
    }setInterval("setDiv()",1000);
    </script>发现网络卡过，就晚了，呵呵。