html怎么实现右侧滚动,请问这个无缝滚动怎么实现往右边滚动

无缝滚动

*{

margin:0;

padding: 0;

}

ul{

list-style: none;

}

img{

vertical-align: top;

}

.box{

width: 600px;

height: 200px;

background-color: red;

margin:100px auto;

position: relative;

overflow:hidden;

}

.box ul li{

float: left;

}

.box ul{

width: 400%;

position: absolute;

left: 0;

top: 0;

}

• 
• 
• 
• 
• 
• 

var dome = document.getElementById("dome");

var ul = dome.children[0];

var num = 0;

setInterval(fun,1);

function fun(){

num--;

if(num >= -1200 ){

ul.style.left = num + "px";

}

else{

ul.style.left = 0;

num = 0;                //这里为什么不是num--。让left重新走动呢

}

}