使用javascript改变图片路径

时间：2023-03-09 05:25:29
使用javascript改变图片路径

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

代码如下:

 <!DOCTYPE html>

 <html>

 <head>

 <title>使用js改变图片-柯乐义</title>

 <script>

 function changeImage() {

 var element = document.getElementById('myimage');

 element.src = "http://keleyi.com/image/a/3cmla1pp.jpg";

 }

 </script>

 <body>

 </head>

 <h1>使用js改变图片</h1>

 <p>请点击按钮 <a href="http://keleyi.com/a/bjad/9isr0eoy.htm">原文</a></p>

 <img id="myimage" src="http://keleyi.com/image/a/q5l1xnmf.jpg" alt="足球宝贝" />

 <input name="keleyi" type='button' value="改变图片" onclick="changeImage()">

 </body>

 </html>

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

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

相关文章