小编给大家分享一下怎么使用JavaScript实现点击循环切换图片效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
具体代码如下所述:
& lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title>单击循环切换图片& lt;/title>
& lt; script>
var 小姐:=,1;
function nextImg () {
我+ +;//步骤2:获取页面元素
var next =, . getelementbyid (“nImg");//步骤3:更改元素的src属性
时间=next.src “img/?我+“.jpg";
如果(我==3){
我=0;
},
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; div>
& lt; !——步骤1:绑定onclick事件——比;
& lt; button onclick=皀extImg()“在下一张& lt;/button>
& lt; br /比;
& lt; !——需自己准备3张图片——比;
https://www.yisu.com/zixun/& lt; img src=" img/1. jpg”id=皀Img”宽度=" 600 px高度=" 400 px "/>
