作者:丝家发艺 | 来源:互联网 | 2023-07-20 04:47
连续滚动图片的制作
连续滚动的图片,一般都是用Flash制作,现在我们使用Script制作同样的效果:
制作方法:
在页面
~相关位置加入代码:
新建scrollimg-pic.htm页面,插入相同大小的图片若干张。为使它不停顿地连续播放,请在同一行中,连续插入图片二至三次。类似于 402_demo.htm 文件。
在每一张的图片上,添加特效:
停顿效果代码:οnmοuseοut=Javascript:parent.frames[1].startscroll(); οnmοuseοver=Javascript:parent.frames[1].stopscroll()"
手形效果:XXX.jpg" alt="XXX.jpg" />,也可以加入图片的超级链接!
再新建402_scroll.htm页面文件,该文件为控制图片滚动的页面。在
~中,加入代码:
注意,代码中:var limdex=600; 数字的取值计算为:单张图片的宽度像素 * 使用图片张数
以我们的滚动效果来计算,使用的单张图片宽度为120px,共使用5张,所以var limdex的数字值为600。
连续滚动的图片的特效就制作完成了!
本文作者:相关阅读:
如何恢复数据库备份到一个已存在的正在使用的数据库上
五条非常重要的CSS技巧
CSS圆角——透明圆角化背景图片
自己做出VB.NET风格的右键菜单
菜单效果
PHP端口扫描器
Oracle中日期时间的操作比较和加减
网页中的H1标记的使用注意事项
利用iText在JSP中生成PDF报表
Open and Print a Word Document
Linux教程之Linux mkdir 创建文件夹命令
Ubuntu 8.04下编译安装Ruby-1.8.6-p114
asp.net 利用IIS的404错误将文件重写成目录的简单方法
关于Javascript的with 语句的使用方法