当前页面: 开发资料首页 → Javascript 专题 → 连续滚动图片的制作

连续滚动图片的制作

摘要: 连续滚动图片的制作

<tr> <td> 　　连续滚动的图片，一般都是用Flash制作，现在我们使用Script制作同样的效果：

　　制作方法：

　　单击这里查看一下演示效果相关文件：2004082021demo.htm 2004082021scroll.htm

　　在页面<body>~</body>相关位置加入代码：
　　<iframe frameborder=no height=100 marginheight=0 marginwidth=0 name=mq scrolling=no src="2004082021demo.htm" width="100%"></iframe>
<iframe frameborder=no height=0 marginheight=0 marginwidth=0 name=mq scrolling=no src="2004082021scroll.htm" width=0></iframe>
新建scrollimg-pic.htm页面，插入相同大小的图片若干张。为使它不停顿地连续播放，请在同一行中，连续插入图片二至三次。类似于 2004082021demo.htm 文件。
在每一张的图片上，添加特效：
停顿效果代码：onmouseout=javascript:parent.frames[1].startscroll(); onmouseover=javascript:parent.frames[1].stopscroll()"
手形效果：style="cursor:hand
都添加至，也可以加入图片的超级链接！
再新建2004082021scroll.htm页面文件，该文件为控制图片滚动的页面。在<head>~</head>中，加入代码：
<script language=JavaScript>
</tr> </table>
↑返回目录
前一篇: 网页中图片的随机显示
后一篇: 制作仿 Flash 的图片渐变效果