如何实现JavaScript的DIV块来回滚动效果

　　导语：如何实现JavaScript的DIV块来回滚动效果呢?下面是小编给大家提供的代码实现过程，大家可以参考阅读，更多详情请关注应届毕业生考试网。

　　<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

　　<html>

　　<head>

　　<title>Insert title here</title>

　　</head>

　　<body>

　　function 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();

　　</script>

　　</body>

　　</html>

【如何实现JavaScript的DIV块来回滚动效果】相关文章：