HTML网页上连续滚动图片的制作

HTML网页上连续滚动图片的制作

制作方法：

在页面~相关位置加入代码：

新建scrollimg-pic.htm页面，插入相同大小的图片若干张。为使它不停顿地连续播放，请在同一行中，连续插入图片二至三次。类似于2004082021demo.htm 文件。

在每一张的图片上，添加特效：

停顿效果代码：onmouseout=javascript:parent.frames[1].startscroll(); onmou seover=javascript:parent.frames[1].stopscroll()"

手形效果：style="cursor:hand

都添加至，也可以加入图片的超级链接！

再新建2004082021scroll.htm页面文件，该文件为控制图片滚动的页面。在~中，加入代码：

注意，代码中：var limdex=600;数字的取值计算为：单张图片的宽度像素* 使用图片张数

以我们的滚动效果来计算，使用的单张图片宽度为120px，共使用５张，所以v ar limdex的数字值为６００。

连续滚动的图片的特效就制作完成了！