JS之鼠标改变img
Posted 媛养成计划
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS之鼠标改变img相关的知识，希望对你有一定的参考价值。
代码用途：
通过点击图片，来改变图片内容
代码：
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.点击图片后，图片变成这样的啦~
以上是关于JS之鼠标改变img的主要内容，如果未能解决你的问题，请参考以下文章