html5怎么让图片向下无限循环,使用JS实现图片无限循环左右滚动

JS实现图片滚动

#photo {

height: 120px;

width: 700px;

margin-top: 100px;

margin-right: auto;

margin-left: auto;

border: 2px double #FF0000;

overflow: hidden;

}

#photo img {

height: 110px;

width: 160px;

}

var speed=10

marquePic2.innerHTML=marquePic1.innerHTML

function Marquee(){

if(demo.scrollLeft>=marquePic1.scrollWidth){

demo.scrollLeft=0

}else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}

我在本地测试好了才放来的。图片之间的距离，整体的高度、长度请根据自己的需求来更改！