图片切换
Posted #安生
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片切换相关的知识，希望对你有一定的参考价值。
点击图片，对图片进行切换
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="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 == ‘img/2.jpg‘ ){ 19 // 有条件，就用现成的，如果没有，创造条件也得做事 20 21 if( onOff ){ 22 oImg.src = ‘img/4.jpg‘; 23 onOff = false; 24 } else { 25 oImg.src = ‘img/2.jpg‘; 26 onOff = true; 27 } 28 }; 29 30 </script> 31 32 </body> 33 </html>
以上是关于图片切换的主要内容，如果未能解决你的问题，请参考以下文章