UC知道让我明白这段javascript代码的原理？给分，谢谢了？
来源：百度知道 编辑：UC知道 时间：2024/06/18 06:41:22
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
这段代码是滚动图片的内核技术，但我就是不明白是一个怎样的逻辑让图片
不断的滚动的，请让我明白offsetWidth、scrollLeft这都具体是什么意
思，为什么那样的代码图片就能动起来。补充：我懂编程，只是水平一般，
我只是不知道那两个属性具体是什么意思，所以请明白的人让我首先知道他
们是什么？然后什么那样的算法，图片会动。让我明白了我就给分。
在这里先谢谢大家了！
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
这段代码是滚动图片的内核技术，但我就是不明白是一个怎样的逻辑让图片
不断的滚动的，请让我明白offsetWidth、scrollLeft这都具体是什么意
思，为什么那样的代码图片就能动起来。补充：我懂编程，只是水平一般，
我只是不知道那两个属性具体是什么意思，所以请明白的人让我首先知道他
们是什么？然后什么那样的算法，图片会动。让我明白了我就给分。
在这里先谢谢大家了！
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度,这里其实就是demo2的宽度。
程序的意思就是，demo会一直向左移动，直到他的scrollLeft大于等于demo2的宽度，大于之后就设置demo的scrollLeft为0，一直循环下去。
demo2.offsetWidth //取得宽
demo.scrollLeft //取得或设置横向滚动位置