浙江宁波实验小学

<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>
———————————————————————
这段是网上很经典的滚动代码
注释:
offsetWidth是指物体可见宽度
scrollLeft是指滚动滑块在滚动条上的位置
<!–对于此例,网页中一般会有三个容器,此处为demo,demo1和demo2;其中demo1和demo2均在demo中
demo的overflow属性一般为hidden,我在这里用auto是为了方便你查看scrollLeft的状态,
另外为方便你理解scrollLeft和offsetWidth,我还在后面加了一个viewstatus函数,鼠标经过容器时会看到相关参数值
今天在网上看到这么一篇帖子,心里说不出什么滋味,呵呵.有甜有酸.
OBLOG官方模板上的模板有部分模板是我做的,那时候对DIV+CSS还不是很懂,所以只能用表格做了,在这里解释一下,以后的模板将全是DIV+CSS制作的
Comments