使用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

web前端汇总 :http://www.cnblogs.com/jihua/p/webfront.html

你可能感兴趣的:(使用javascript改变图片路径)