JS对img进行操作(换图片/切图/轮换/停止)
发布时间:2020-12-14 22:50:05 所属栏目:资源 来源:网络整理
导读:复制代码 代码如下: script type="text/javascript" var i = 1; var n; function showImg() { if (document.getElementById('img').getAttribute("src") == "images/1.jpg") { document.getElementById('img').setAttribute("src","images/2.jpg"); } else {
复制代码 代码如下: <script type="text/javascript"> var i = 1; var n; function showImg() { if (document.getElementById('img').getAttribute("src") == "images/1.jpg") { document.getElementById('img').setAttribute("src","images/2.jpg"); } else { document.getElementById('img').setAttribute("src","images/1.jpg"); } } function showImg1() { document.getElementById('img').setAttribute("src","images/" + i + ".jpg"); i++; if (i > 10) { i = 1; } } function show() { n=setInterval(showImg1,500); } function show1() { clearInterval(n); } </script> </head> <body> <img id="img" alt="" src="images/1.jpg" width="200" height="200" /> <input id="Button1" type="button" value="换图片" onclick="showImg()" /> <input id="Button2" type="button" value="切图" onclick="showImg1()" /> <input id="Button3" type="button" value="轮换" onclick="show()" /> <input id="Button4" type="button" value="停止轮换" onclick="show1()" /> </body> </html> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |