不间断连续滚动的图片效果(向上滚动)

最新推荐文章于 2019-06-15 09:34:50 发布

weixin_30859423

最新推荐文章于 2019-06-15 09:34:50 发布

阅读量440

点赞数

原文链接：http://www.cnblogs.com/hnlenovo/archive/2008/01/29/1057046.html

版权

1

2

3

< base href ="http://www.webjx.com" >
4

< div id =demo style =overflow:hidden;height:150;width:90;background:#214984;color:#ffffff >
5

< div id =demo1 >
6

7

< img src ="/img/link.gif" >
8

< img src ="/img/link1.gif" >
9

< img src ="/img/link2.gif" >
10

< img src ="/img/link3.gif" >
11

< img src ="/img/link4.gif" >
12

</ div >
13

< div id =demo2 ></ div >
14

</ div >
15

16

< script >
17

var speed=30
18

demo2.innerHTML=demo1.innerHTML
19

function Marquee(){
20

if(demo2.offsetTop-demo.scrollTop<=0)
21

demo.scrollTop-=demo1.offsetHeight
22

else{
23

demo.scrollTop++
24

}
25

}
26

var MyMar=setInterval(Marquee,speed)
27

demo.onmouseover=function() {clearInterval(MyMar)}
28

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
29

</ script >

转载于:https://www.cnblogs.com/hnlenovo/archive/2008/01/29/1057046.html

weixin_30859423

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
不间断连续滚动的图片效果(向上滚动)

123<basehref="http://www.webjx.com">4<divid=demostyle=overflow:hidden;height:150;width:90;background:#214984;color:#ff...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。