本文主要是介绍html来回交替滚动,JS实现的DIV块来回滚动效果示例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
本文实例讲述了JS实现的DIV块来回滚动效果。分享给大家供大家参考，具体如下：
Insert title herefunction ls(){
var p=true;//开关,true开,false关
var xx=document.getElementById('xx');
var xxleft = parseInt(xx.style.left);
var speed = 20;
var t=setInterval(rollRight,speed);
//向左移动
function rollLeft(){
if(p){
xxleft--;
xx.style.left = xxleft+'px';
if(xxleft <=0 ){
clearInterval(t);
t=setInterval(rollRight,speed);
}
}
}
//向右移动
function rollRight(){
if(p){
xxleft++;
xx.style.left = xxleft+'px';
if(xxleft >= 300){
clearInterval(t);
t=setInterval(rollLeft,speed);
}
}
}
}
ls();
运行效果图如下：
希望本文所述对大家JavaScript程序设计有所帮助。 
这篇关于html来回交替滚动,JS实现的DIV块来回滚动效果示例的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
