注册 登录
编程论坛 JavaScript论坛

【层不会用啊,教教我吧】

刘杰明 发布于 2011-09-15 20:11, 880 次点击
我建了四个层(重叠),每个层里面有一张图片,我想让这四张图片循环展示,怎么整啊?把我代码改改吧,我不会做了...
function move(){
    var ima=document.getElementsByName("Layer");    //Layer是层的name
    ima.style.display="none";
//    ima.display =false;
    for(var i=0;i<ima.length;i++){   
        ima[i].style.display=true;
        if(i==ima.length-1){
            i=0;
        setTimeout("move()",1000);
        }            
}
各种错啊,各位见笑了!
4 回复
#2
刘杰明2011-09-15 20:15
<body onload="move()">
<div id="Layer1"name="Layer" align="center"style="position:absolute; left:150px; top:80px; width:295px; height:176px; z-index:1;"><img src="images/pic1.jpg" width="800" height="600" /></div>
<div id="Layer2"name="Layer"align="center"style="position:absolute; left:150px; top:80px; width:295px; height:176px; z-index:2;"><img src="images/pic2.jpg" width="800" height="600" /></div>
<div id="Layer3"name="Layer"align="center"style="position:absolute; left:150px; top:80px; width:295px; height:176px; z-index:3;"><img src="images/pic3.jpg" width="800" height="600" /></div>
<div id="Layer4"name="Layer"align="center"style="position:absolute; left:150px; top:80px; width:295px; height:176px; z-index:4;"><img src="images/pic4.jpg" width="1024" height="768" /></div>
</body>
</html>
这是那四个层该是没问题吧?
#3
刘杰明2011-09-15 20:22
   var slidespeed=3000
   var slideimages=new Array("2/images/pic1.jpg","2/images/pic2.jpg","2/images/pic3.jpg","2/images/pic4.jpg")
   var slidelinks=new Array("#","#","#","#")
   var imageholder=new Array()
   var ie55=window.createPopup
   for (i=0;i<slideimages.length;i++){
     imageholder[i]=new Image()
     imageholder[i].src=slideimages[i]
   }
   function gotoshow(){
     window.location=slidelinks[whichlink]
   }
我去!这样竟然能整出来!!!
#4
suiyuexiao2011-09-24 18:48
使用setInterval函数,下面的代码我大概写的,没有测试 你可以试试看

var timer=0;
function move(){
    var ima=document.getElementsByName("Layer");    //Layer是层的name
    for(var i=0;i<ima.length;i++){   
        ima[i].style.display='none';
        if(timer==i){
             ima[i].style.display ='block';
             timer++;
        }      
       if(timer==ima.length)
        {
        timer=0;
        }
}
setInterval('move()',1000);
#5
刘杰明2011-09-26 08:30
谢谢了,现在我能用至少6种方法做出来
1