|
点击排行 |
 |
|
|
|
|
推荐特效 |
|
|
|
|
| 向上滚动图片的特效 |
[ 发布：风中舞 | 来源：本站整理 | 时间：2007-8-29 16:17:12 |
次 ] [复制] |
|
|
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|wuym.com/js|---向上滚动图片的特效</title></head>
<body>
<div id=demo style=overflow:hidden;height:100;width:88;>
<div id=demo1>
<img src="http://www.wuym.com/logo.gif">
<img src="http://www.wuym.com/logo2.gif">
<img src="http://www.wuym.com/logo.gif">
<img src="http://www.wuym.com/logo2.gif">
<img src="http://www.wuym.com/logo.gif">
<img src="http://www.wuym.com/logo2.gif">
<img src="http://www.wuym.com/logo.gif">
<img src="http://www.wuym.com/logo2.gif">
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
function Marquee(){
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html> |
|
请将上面的代码复制到下面的文本框中进行预览  |
|
|
| |
|
|
|
 特效: 向上滚动图片的特效 的评论
我要评论... |
|
|
您的位置：