码迷,mamicode.com
首页 > Web开发 > 详细

JS之鼠标改变img

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

标签:color   cli   logs   script   doc   内容   body   cti   .com   

代码用途:    

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

 

代码:

 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

标签:color   cli   logs   script   doc   内容   body   cti   .com   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!