当鼠标经过或者离开的时候改变图片 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>网页标题</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css"></style>
10     <script type="text/javascript"></script>
11 </head>
12 <body>
13     <img src="jd1.png" id="changeImg">
14     <script type="text/javascript">
15     var Imageobj=document.getElelementById("changeImg");
16     Imgobj.onmouseover=function(){
17     
18      imgobj.src="jd2.png";
19     }
20     </script>
21 
22 </body>
23 </html>

 

posted @ 2016-11-21 19:48  妥妥的天空  阅读(348)  评论(1)    收藏  举报