首页 > Web开发 > 详细

JS之鼠标改变img

时间:2017-06-15 17:47:00      阅读:291      评论:0      收藏:0      [点我收藏+]

代码用途:    

通过点击图片,来改变图片内容

 

代码:

 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="E:/Demo/1.jpg";
11      }
12     else
13      {
14           element.src="E:/Demo/2.jpg";
15       }
16 }
17 </script>
18 
19 <img id="im" onclick="changeImage()" src="E:/Demo/2.jpg">
20 
21 <p>君莫笑是冠军~~</p>
22 
23 </body>
24 </html>

 

 

效果图:

1.开始的时候,图片是个这样子的~

技术分享

2.点击图片后,图片变成这样的啦~

技术分享

JS之鼠标改变img

原文:http://www.cnblogs.com/ljmzzyk/p/7019094.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!