图片连续上下滚动代码JavaScript

图片连续上下滚动代码

放在html页面中可以直接使用！

<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff> <div id=demo1>

<img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">

<img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
<img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">

<img
src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
<img
src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
<img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
<img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
</div>

<div id=demo2> </div>

</div>

<script>

var speed=50

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>