js点击按钮,更换某个img图片,且能循环更换多张图片?
答案:1 悬赏:60 手机版
解决时间 2021-01-16 21:24
- 提问者网友:精神病院里
- 2021-01-16 01:20
js点击按钮,更换某个img图片,且能循环更换多张图片?
最佳答案
- 五星知识达人网友:动情书生
- 2019-06-16 10:58
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload = function(){
// 这个数组里放置图片路径
var imgs = ['1.jpg','2.jpg','3.jpg'];
var len = imgs.length;
var current = 0;
var target = document.getElementById('target');
var setImg = function(){
target.src = imgs[current];
current = ++current == len ? 0: current;
};
setImg();
document.getElementById('btn').onclick = function(){
setImg();
}
};
</script>
</head>
<body>
<div>
<button id ="btn">change</button>
</div>
<img id ="target" src="#" alt="">
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload = function(){
// 这个数组里放置图片路径
var imgs = ['1.jpg','2.jpg','3.jpg'];
var len = imgs.length;
var current = 0;
var target = document.getElementById('target');
var setImg = function(){
target.src = imgs[current];
current = ++current == len ? 0: current;
};
setImg();
document.getElementById('btn').onclick = function(){
setImg();
}
};
</script>
</head>
<body>
<div>
<button id ="btn">change</button>
</div>
<img id ="target" src="#" alt="">
</body>
</html>
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯