JS基础 |
您所在的位置：网站首页 › js图片点击切换 › JS基础 |
JS基础
JS基础——多张图片循环切换
window.onload = function(){
var oImg = document.getElementById('img');
var arr = ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg','images/5.jpg'];
var num = 0;
oImg.onclick = function(){
num ++;
if(num == arr.length){
num = 0;
}
oImg.src = arr[num];
};
};
思路： 1.先获取图片的id 2.定义一个存放多个图片的数组，并给它一个初始编号 num=0; 3.当点击图片时，先让num自增，然后判断num的值是否和数组的长度相等，如果相等，就让num回到0； 4.最后就把arr[num]赋给oImg的src属性，就能读取到图片的路径了。 这样，多张图片点击循环切换就完成了。 |
【本文地址】
今日新闻 |
推荐新闻 |