廢話不多說了，直接給大家貼代碼了，具體代碼如下所述：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>單擊循環切換圖片</title><script>var i = 1;function nextImg(){i++;//步驟2：獲取頁面元素var next = document.getElementById("nImg");//步驟3：更改元素的src屬性next.src = "img/"+i+".jpg";if(i==3){i=0;} }</script></head><body><div><!--步驟1：綁定onclick事件--><button onclick="nextImg()">下一張</button><br /><!--需自己準備3張圖片--><img src="img/1.jpg" id="nImg" width="600px" height="400px" /></div></body></html> 總結
以上所述是小編給大家介紹的使用JavaScript實現點擊循環切換圖片效果，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
新聞熱點
疑難解答
