使用javascript改变图片路径

效果预览:http://keleyi.com/keleyi/phtml/jstexiao/16.htm

 

代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>使用js改变图片-柯乐义</title>
 5 <script>
 6 function changeImage() {
 7 var element = document.getElementById(myimage);
 8 
 9 element.src = "http://keleyi.com/image/a/3cmla1pp.jpg";
10 
11 }
12 </script>
13 <body>
14 </head>
15 <h1>使用js改变图片</h1>
16 <p>请点击按钮 <a href="http://keleyi.com/a/bjad/9isr0eoy.htm">原文</a></p>
17 <img id="myimage" src="http://keleyi.com/image/a/q5l1xnmf.jpg" alt="足球宝贝" />
18 <input name="keleyi" type=‘button‘ value="改变图片" onclick="changeImage()">
19 </body>
20 </html>

转载自:http://keleyi.com/a/bjad/9isr0eoy.htm

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。