首页 > 代码库 > 图片切换
图片切换
点击图片，对图片进行切换
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 7 </head> 8 9 <body> 10 11 <img id="img1" src="http://www.mamicode.com/img/2.jpg" width="200" /> 12 13 <script> 14 var oImg = document.getElementById(‘img1‘); 15 var onOff = true; // 布尔值：true 1 false 0 16 17 oImg.onclick = function (){ 18 // if( oImg.src =http://www.mamicode.com/= ‘img/2.jpg‘ ){ 19 // 有条件，就用现成的，如果没有，创造条件也得做事 20 21 if( onOff ){ 22 oImg.src = http://www.mamicode.com/‘img/4.jpg‘; 23 onOff = false; 24 } else { 25 oImg.src = http://www.mamicode.com/‘img/2.jpg‘; 26 onOff = true; 27 } 28 }; 29 30 </script> 31 32 </body> 33 </html>
图片切换
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。