看以前有位大哥发了一个用JS控制无间隙滚动的代码,是用层控制的,如下:
JS实现无间隙滚动
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
</div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,50)
</script>我是绝对菜级,请说的详细一点啊~!!
JS实现无间隙滚动
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
</div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,50)
</script>我是绝对菜级,请说的详细一点啊~!!
<div id=demo style=overflow:hidden;height:60px> //overflow:hidden;超出边界部分不显示。height:60px 高度为60像素
<div id=demo1>
111111111111111 <br>
222222222222222 <br>
333333333333333 <br>
444444444444444 <br>
555555555555555
</div>
<div id=demo2> </div>
</div>
<script>
var t=demo.scrollTop //取得顶层高度
demo2.innerText=demo1.innerText //在demo2层显示demo1层的东西
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop <=0) //测试demo2层是否滚到了边界
demo.scrollTop-=demo1.offsetHeight //重新开始
else
demo.scrollTop++ //继续滚动
}
setInterval(qswhMarquee,50) //每隔50毫秒点用一次qswhMarquee函数
</script> [/code]
<div id=demo style=overflow:hidden;height:60px> //overflow:hidden;超出边界部分不显示。height:60px 高度为60像素
<div id=demo1>
111111111111111 <br>
222222222222222 <br>
333333333333333 <br>
444444444444444 <br>
555555555555555
</div>
<div id=demo2> </div>
</div>
<script>
var t=demo.scrollTop //取得顶层高度
demo2.innerText=demo1.innerText //在demo2层显示demo1层的东西
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop <=0) //测试demo2层是否滚到了边界
demo.scrollTop-=demo1.offsetHeight //重新开始
else
demo.scrollTop++ //继续滚动
}
setInterval(qswhMarquee,50) //每隔50毫秒点用一次qswhMarquee函数
</script>