在宽度为520px的层中如何实现图片左右不间隙的滚动?

来源:百度知道 编辑:UC知道 时间:2024/06/11 07:04:52

用两个层实现!
<SCRIPT>
var speed=10;//(速度数值越大速度越慢,demo2.offsetWidth=demo1.offsetWidth=固定值)
demo2left.innerHTML=demo1left.innerHTML
function Marquee(){
if(demo2left.offsetLeft-demoleft.scrollLeft<=0)//关系。demo过了一半(每半内容一样的),重新开始循环
demoleft.scrollLeft-=demo1left.offsetWidth
else{
demoleft.scrollLeft++//不断的增加,相当于父容器的滚动条不断是缩小;但由于OVERFLOW: hidden; (滚动条不可见)
}
}
var MyMarleft=setInterval(Marquee,speed)
demoleft.onmouseover=function() {clearInterval(MyMarleft)}
demoleft.onmouseout=function() {MyMarleft=setInterval(Marquee,speed)}
</SCRIPT>