js上下滚动代码，谢谢

JavaScript026

js上下滚动代码，谢谢,第1张

JS上下滚动图片

<div id="demo" style="overflow:hiddenheight:500pxwidth:120pxborder:1px solid #dde5bcoverflow:hiddenfloat:left">

<div id=demo1>

<img src="images/js01.gif" width="120" height="120">

<img src="images/js02.gif" width="120" height="120">

<img src="images/js03.gif" width="120" height="120">

<img src="images/js04.gif" width="120" height="120">

<img src="images/js05.gif" width="120" height="120">

<img src="images/js06.gif" width="120" height="120">

<img src="images/js07.gif" width="120" height="120">

<img src="images/js08.gif" width="120" height="120">

<img src="images/js09.gif" width="120" height="120">

</div>

<div id=demo2></div>

</div>

<script>

var speed=40

var demo=document.getElementById("demo")

var demo2=document.getElementById("demo2")

var demo1=document.getElementById("demo1")

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>

// 数字2000可以控制滚动的间隔，2000为2秒，3000为3秒

window.setTimeout( "run()", 2000 )

// 数字50可以控制速度，该数字越大速度越慢

window.setTimeout( "run()", 50 )

// 已经实现无限循环滚动

oMarquee.innerHTML += oMarquee.innerHTML