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

 时间:2026-02-13 23:53:27

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编写图片滚动播放特效

  • 怎样制作色块样式的PPT背景
  • 网络画板精彩课件介绍(第一篇)
  • 在几何画板里绘制一个楼梯
  • win10技巧025:如何开始调出计算器
  • 公司现有人力资源状况分析怎么做?
  • 热门搜索
    苓怎么读 酸汤面的家常做法 雪蛤的做法 清炒苦瓜的做法 肉馅的做法 庾怎么读 镌怎么读 南瓜的做法 5斤糖醋蒜的做法比例 酸菜鱼的做法和步骤图