java从左到右文字滚动_我用JS写的一组图片在一个层内从左到右来回滚动的效果...

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

我自己编写的代码，比较简单易懂，实现效果好，有鼠标划过即停止滚动的功能，代码如下：

Insert title here

var id;

window.onload = function(){

start();

}

var pps;

var x;

var pss;

var xtt;

var t;

var pst;

pps = document.getElementById("pp");

pps.style.left="150px";

function start(){

pps = document.getElementById("pp");

pps.style.left="150px";

x=document.getElementById("tt");

pss = pps.offsetLeft;

xtt = x.offsetLeft;

t =pps.offsetWidth;

pst = x.offsetWidth;

id = setInterval(function(){

xtt--;

x.style.left=xtt+"px";

if(xtt+pst<0){

xtt=t;

}

},10);

}

function stop() {

clearInterval(id);

}

#pp{

width:900px;

height:155px;

position:relative;

overflow:hidden;

background-color:grey;

}

#tt{

position:absolute;

width:800px;

height:150px;

}

#tt1{

float:left;

background-color:blue;

width:200px;

height:140px;

}

#tt2{

float:left;

background-color:yellow;

width:200px;

height:140px;

}

#tt3{

float:left;

background-color:red;

width:200px;

height:140px;

}

οnmοuseοut="start();">

1

2

3