谁回收猴年纪念币:连续滚动图片的制作

来源:百度文库 编辑:中财网 时间:2024/05/03 05:09:28
续滚动的图片,一般都是用Flash制作,现在我们使用Script制作同样的效果:  制作方法:  单击这里查看一下演示效果 相关文件:2004082021demo.htm 2004082021scroll.htm  在页面~相关位置加入代码:
  

新建scrollimg-pic.htm页面,插入相同大小的图片若干张。为使它不停顿地连续播放,请在同一行中,连续插入图片二至三次。类似于 2004082021demo.htm 文件。
在每一张的图片上,添加特效:
停顿效果代码:onmouseout=javascript:parent.frames[1].startscroll(); onmouseover=javascript:parent.frames[1].stopscroll()"
手形效果:style="cursor:hand
都添加至,也可以加入图片的超级链接!
再新建2004082021scroll.htm页面文件,该文件为控制图片滚动的页面。在~中,加入代码:

注意,代码中:var limdex=600; 数字的取值计算为:单张图片的宽度像素 * 使用图片张数
以我们的滚动效果来计算,使用的单张图片宽度为120px,共使用5张,所以var limdex的数字值为600。连续滚动的图片的特效就制作完成了! 文章出处:http://www.diybl.com/course/1_web/javascript/Javascriptshl/200721/4654.html