<body>
<img src="img/dm.jpeg" alt="" id="pic"><br>
<input type="button" value="下一张" id="btn">
<p id="txt">显示的是img/1.jpg</p>
<script>
var ary = ['img/dm.jpeg','img/dm1.jpeg','img/dm2.jpg','img/dm3.jpg','img/gg.jpg'];
var oBtn = document.getElementById('btn'),
oPic = document.getElementById('pic'),
oTxt = document.getElementById('txt');
var n = 0;
oBtn.onclick = function(){
n = n + 1;
if(n == ary.length){
n = 0;
}
oPic.src = ary[n];
oTxt.innerHTML = '显示的是'+ ary[n];
}
</script>
</body>
实现效果如下
扫一扫
5414
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
