UC知道javascript控制图片滚动问题？
来源：百度知道 编辑：UC知道 时间：2024/06/01 12:26:58
如题。请帮忙解释下面一段代码中的if...else中的语句，非常感谢。
<SCRIPT>
var speed3=50//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
<SCRIPT>
var speed3=50//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
无间断滚动条 的原理其实很简单....就是把这一条图片带复制一遍接在原来的尾端.就是相当于 demo2.innerHTML=demo1.innerHTML
当 滚动了 原有的一条图片带的长度时,就重新把这两条图片(连续的) 抽回原来的 初始位置.相当于
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
如果没有 就一直抽动图片带
相当于
else demo.scrollLeft++
以上的类型是 图片带 自右向左 来滚动的...
如果是自左向右的..可以按以上的原理重新调整一下.