如何设置图片连续滚动

来源：百度知道 编辑：UC知道 时间：2024/06/29 00:44:10
用如下代码只会使图片一接触到顶端就自动停下并从另一端重新开始。 <marquee style="width: 388px; height: 200px" scrollamount="2" direction="up" >
<img src="Pics/art.jpg" width="120" height="120"/><br>
<img src="Pics/book.gif" width="120" height="81" alt="" /><br>
</marquee >
但我想要的效果是像百度空间相册的自动循环连续滚动，不会停止后又开始滚动。代码怎么写？

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="Pics/art.jpg" width="120" height="120"/><br>
<img src="Pics/art.jpg" width="120" height="120"/><br>
<img src="Pics/art.jpg" width="120" height="120"/><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>