连续滚动的图片，一般都是用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，共使用５张，所以var limdex的数字值为６００。
连续滚动的图片的特效就制作完成了！[@more@]
制作方法：
单击这里查看一下演示效果 相关文件：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，共使用５张，所以var limdex的数字值为６００。
连续滚动的图片的特效就制作完成了！[@more@]
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/9650775/viewspace-922807/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
网页中图片的随机显示(转)
下一篇：
制作仿 Flash 的图片渐变效果(转)
请登录后发表评论
登录
全部评论
