javascript如何让图片自动变换


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

方法:1、创建图片路径数组;2、用timeInterval定义切换时间,setInterval()设置时间定时执行函数;3、获得img对象,设初始curIndex,if语句比较图片名称,实现不断改变图片名称进而改变图片路径,实现切换效果。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript让图片自动变换的方法

1、新建一个html文件,命名为test.html,用于讲解怎样用javascript实现图片定时切换。

QQ图片20210408092203.png

2、在test.html,使用img标签创建一张图片的显示,并且设置其id属性为obj,方便下面获得该元素对象。

QQ图片20210408092203.png

3、在test.html页面的script标签内,使用new Array()创建一个图片路径的数组,里面放三张图片的文件名。

QQ图片20210408092203.png

阅读剩余部分

相关阅读 >>

javascript join方法怎么用

javascript怎么设置div边框

javascript中什么是set?什么时候使用?如何使用?

12个精致炫酷的背景装饰特效库(分享)

h5微信支付之引入微信的js-sdk包失败的解决方法

javascript如何将其他类型转换为string

5个关于js作用域的陷阱(总结)

介绍我们是如何搭建互动应用

javascript中this用法有哪些

javascript中的数值类型有哪些

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...