代码用途:
通过点击图片,来改变图片内容
代码:
1 <!DOCTYPE html> 2 <html> 3 <body> 4 <script> 5 function changeImage() 6 { 7 element=document.getElementById('im') 8 if (element.src.match("2")) 9 { 10 element.src="./1.jpg"; 11 } 12 else 13 { 14 element.src="./2.jpg"; 15 } 16 } 17 </script> 18 19 <img id="im" onclick="changeImage()" src="./2.jpg"> 20 21 <p>君莫笑是冠军~~</p> 22 23 </body> 24 </html>
效果图:
1.开始的时候,图片是个这样子的~
2.点击图片后,图片变成这样的啦~