1
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
2
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg">
3
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg">
4
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg">
5
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg">
6
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg">
7
</div>
8
<div id=demo2></div>
9
</div>
10
<script>
11
var speed=50
12
demo2.innerHTML=demo1.innerHTML
13
function Marquee(){
14
if(demo2.offsetTop-demo.scrollTop<=0)
15
demo.scrollTop-=demo1.offsetHeight
16
else{
17
demo.scrollTop++
18
}
19
}
20
var MyMar=setInterval(Marquee,speed)
21
demo.onmouseover=function() {clearInterval(MyMar)}
22
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
23
</script>
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>2
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg">3
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg">4
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg">5
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg">6
<img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg">7
</div>8
<div id=demo2></div>9
</div>10
<script>11
var speed=5012
demo2.innerHTML=demo1.innerHTML13
function Marquee(){14
if(demo2.offsetTop-demo.scrollTop<=0)15
demo.scrollTop-=demo1.offsetHeight16
else{17
demo.scrollTop++18
}19
}20
var MyMar=setInterval(Marquee,speed)21
demo.onmouseover=function() {clearInterval(MyMar)}22
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}23
</script>

浙公网安备 33010602011771号