图片上下不间断滚动代码

来源：互联网 作者：泉城热线整理收集 时间：2008-05-28 点击：

<div id=demo style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 300px; float:right; margin:10px 15px 20px 0px;">
<div id=demo1><a href="#" target="_blank"><IMG height=150 src="images/z.jpg" width=200 border=0></a><BR>
<BR>
    <a href="#" target="_blank"><IMG height=150 src="images/z.jpg" width=200 border=0></a><BR>
    <BR>
    <a href="#" target="_blank"><IMG height=150 src="images/z.jpg" width=200 border=0></a><BR>
    <BR>
    <a href="#" target="_blank"><IMG height=150 src="images/z.jpg" width=200 border=0></a><BR>
    <BR>
</div>
<div id=demo2>
</div>
</div>
<script>
   var speed=60
   demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
   function Marquee(){
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
   demo.onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
   demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>

[收藏] [推荐] [评论] [打印] [关闭]

顶一下

上一篇：我们有“头”了！——提供免费的网页头部图片
下一篇：没有了

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

栏目列表

热点关注