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

 时间:2024-10-13 10:56:11

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:如何开始调出计算器
  • 公司现有人力资源状况分析怎么做?
  • 热门搜索
    怎么做包子 我的世界酿造台怎么做 耳机为什么没声音 炒菠菜的做法大全 擎怎么读 鳊鱼怎么做好吃 spring怎么读 鼻塞怎么办 香芋排骨的做法 羊肉包子馅的做法