使用JavaScript编写图片滚动播放特效

2025-06-02 21:45:51

1、前期准备:新建一个文件夹存放图,并将文件夹内的图片统一以“m0”+数字的格式命名

使用JavaScript编写图片滚动播放特效

2、新建一个记事本并将其取名为“****.html”

使用JavaScript编写图片滚动播放特效

3、在记事本内部敲写以下代码:<html> <head> <title>时间特效</title> <style> </style> <head> <body> </body></html>

4、接着在<body>内部编写函数

使用JavaScript编写图片滚动播放特效

5、其中“img[i].src="image/m0"+i+".jpg";”中右边的代码就是用来控制图片位置而用到的

使用JavaScript编写图片滚动播放特效

6、其中“setInterval“中的数字是用来控制图片播放时间的(其中1000就等于1秒);

使用JavaScript编写图片滚动播放特效

7、效果图

使用JavaScript编写图片滚动播放特效
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢