写一个图片切换的小案例，巩固一下setAttribute的用法。setAttribute()方法能够给dom元素添加属性并指定属性值，如果属性已经存在则更改属性值。
方法：
将图片放入数组中首先给img一个初始值，使用index存放当前被点击图片的下标，当再一次点击时，下标+1赋值给数组下标，利用setAttribute()方法给img标签设置src属性。上一张效果反之，代码如下。
实现效果为当点击下一张图片切换至数组中的下一张，点击上一张切换至数组中的下一张初始界面为
点击下一张效果为
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:最简单的js图片切换效果实现代码用html+css+js实现的一个简单的图片切换特效纯js实现背景图片切换效果代码简单的实现点击箭头图片切换的js代码css图片切换效果代码[不用js]纯js无flash仿搜狐女人频道FLASH图片切换效果代码javascript实现图片切换的幻灯片效果源代码JS实现图片切换效果JavaScript实现图片切换效果js鼠标点击图片切换效果代码分享