UC知道悬赏50分ASP:循环滚动图片的代码请解释
来源：百度知道 编辑：UC知道 时间：2024/06/08 01:28:01
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
scrollLeft和offsetWidth分别代表什么呀?还有其它的东西,请给于解释,成功之后重重有分.
楼下说的是用marquee,我问的不是这个,marquee是可以滚动但是滚动过程中会出现一段空白,不能实现不间断的滚动,
所以从网上找到一个可以实现无间断滚动的程序,但是看不明白,求解释
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
scrollLeft和offsetWidth分别代表什么呀?还有其它的东西,请给于解释,成功之后重重有分.
楼下说的是用marquee,我问的不是这个,marquee是可以滚动但是滚动过程中会出现一段空白,不能实现不间断的滚动,
所以从网上找到一个可以实现无间断滚动的程序,但是看不明白,求解释
<marquee>标签是很方便,但要实现不间断的滚动确比较麻烦.
楼主的这段是网上很经典的滚动代码,我斗胆以个人理解做个注释:
offsetWidth是指物体可见宽度
scrollLeft是指滚动滑块在滚动条上的位置
<!--对于此例,网页中一般会有三个容器,此处为demo,demo1和demo2;其中demo1和demo2均在demo中
demo的overflow属性一般为hidden,我在这里用auto是为了方便你查看scrollLeft的状态,
另外为方便你理解scrollLeft和offsetWidth,我还在后面加了一个viewstatus函数,鼠标经过容器时会看到相关参数值
//-->
<div id=demo style="width:200;overflow:auto">
<table><tr>
<td id=demo1>
<img src='a.gif' width=100><img src='b.gif' width=100></td>
<td id=demo2></td>
</tr></table>
</div>
<script>
var speed=30 //定义速度,实指下面滚动函数的执行间隔,值越小滚动越快
demo2.innerHTML=demo1.innerHTML //将demo1中的内容复制到demo2
function Marquee(){ //开始定义滚动函数
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth //如果滑动块的位置大于demo2的宽度,滑动块退回一个demo2的宽度
else{
demo.scrollLeft++ //