图片自动轮播图片只往一个方向滚动,求一个原生JS程序

2024-12-17 22:50:26
推荐回答(1个)
回答1:




JS无缝滚动图片


* {
margin: 0;
padding: 0;
}

#div2 {
margin: auto;
width: 602px;
overflow: hidden;
left: 200px;
}

#div1 {
position: relative;
left: 0px;
width: 1200px;
}

#div1 li {
list-style-type: none;
float: left;
width: 200px;
height: 180px;
}

img {
width: 200px;
height: 180px;
}

ul#ul1 {
position: relative;
}


window.onload = function ()
    {
    var oUl = document.getElementById ('ul1');
    var t,o;
    var speed = 0;
    var funny = function ()
    {
       t && clearInterval(t);
    t = setInterval (function ()
    {
speed -= 200/11;
if(speed<-200){
speed=0;
 oUl.appendChild (oUl.children[0]);
t && clearInterval(t);
t = null;
o && clearTimeout(o);
o=setTimeout(funny,1000);
}
    oUl.style.left = speed + "px";
    }, 60);
    }
 funny ();
    }


















  • 相关问答
    最新问答