问答详情
源自:4-1 焦点轮播图效果

请问这段代码哪里出错了?为什么图片没法切换呢

 window.onload=function(){

    var wrap=document.getElementById('wrap'),

        pic=document.getElementById('pic'),

        list=document.getElementById('list').getElementsByTagName('li'),

        index=0,

        timer=null;


     timer=setInterval(function(){

        index++;

        if(index>=list.length){

            index=0;

        }

        for(var i=0;i<list.length;i++){

            list[i].className="";

            pic[i].style.display = "none";

        }

        list[index].className="on";

        pic[index].style.display = "block";

     },2000);

     

     

     

     

     

     

     

   }


提问者:慕粉SW 2016-09-27 22:49

个回答

  • qq_梦里_0
    2016-09-28 19:15:48
    已采纳

    因为图片跟老师讲的例子不一样,图片是排列放置,通过改变top值来显示图片的。

  • 慕少4124777
    2017-04-25 19:53:56

     pic=document.getElementById('pic').getElementsByTagName('li')就解决了