<!DOCTYPE html><html><head><meta charset="UTF-8"><title>無縫滾動</title><style>*{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;}</style></head><body><div id="dome"><ul><li><img src="./images/01.jpg"></li><li><img src="./images/02.jpg"></li><li><img src="./images/03.jpg"></li><li><img src="./images/04.jpg"></li><li><img src="./images/01.jpg"></li><li><img src="./images/02.jpg"></li></ul></div><script>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重新走動呢}}</script></body></html>
請問這個無縫滾動怎么實現往右邊滾動
風輕云淡3582301
2017-06-25 17:43:09
