向上滚动图片的特效 --e天下网络

向上滚动图片的特效

[ 来路：时间：2007-9-15 14:24:40 点击： ]

向上滚动图片的特效

把如下代码复制到<body></body>之间

<div id=demo style=overflow:hidden;height:100;width:88;> <div id=demo1> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.gif"> <img src="http://www.butong.net/images/logo88.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>

使用说明：代码中的"width"、"height"的值为滚动图片区的宽和高，包含在<div id=demo1></div>中的<img src="http://www.butong.net/images/logo88.gif">为依次滚动的图片，只需将src的值改为你的图片地址即可，当然你也可以为图片加上链接，如：<a href="http://www.butong.net" target="_blank"><img src="http://www.butong.net/images/logo88.gif"></a>，代码中var speed的值为图片滚动的速度，可以根据你的需要更改。(注:代码中图片滚动区的默认高度为100，这个值必须比全部滚动图片的总高度小，否则图片滚动会出现问题，height的值最好为全部滚动图片总高度的一半。

：：：：站长友情提示：多花一分钟学点什么都好：：：：

上一篇：没有了下一篇：给图片添加图片的倒影

：：热点信息：：

= = 免责声明 = =

① 欢迎转载我网所刊信息，请注明“来源：E天下网络”。
② 凡本网注明“来源：XXX（非E天下网络）”的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。
※联系方式：Airtofly@163.com

：：推荐文章：：

Win 2000中DNS服务器的设置

：：视频教程：：

Photoshop	Dreamweaver
Flash MX	Fireworks
Office	AutoCAD
FrontPage	CORELDRAW