您现在的位置是：网站首页> 编程资料编程资料

js实现图片数组中图片切换效果_javascript技巧_

2023-05-24 329人已围观

简介 js实现图片数组中图片切换效果_javascript技巧_

写一个图片切换的小案例，巩固一下setAttribute的用法。setAttribute()方法能够给dom元素添加属性并指定属性值，如果属性已经存在则更改属性值。

方法：将图片放入数组中首先给img一个初始值，使用index存放当前被点击图片的下标，当再一次点击时，下标+1赋值给数组下标，利用setAttribute()方法给img标签设置src属性。上一张效果反之，代码如下。

实现效果为当点击下一张图片切换至数组中的下一张，点击上一张切换至数组中的下一张

初始界面为

点击下一张效果为

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：JavaScript 中的单例内置对象Global 与 Math_javascript技巧_