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

2025-10-29 00:09:25

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。
猜你喜欢