鼠标滑到图片使图片放大 

 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">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <div>
10     <img  onmouseover="over(this)" onmouseout="out(this)" src="59a7a48aN7a42d3fe.jpg" width="300px" height="170px"/><br />
11     <img onmouseover="over(this)" onmouseout="out(this)" src="59cc929fNaebef801.jpg" width="300" height="170"/><br />
12     <img onmouseover="over(this)" onmouseout="out(this)" src="59ccc986Nbf17e33e.jpg"width="300" height="170" /><br />
13     <img onmouseover="over(this)" onmouseout="out(this)" src="59ccec77N64688a8d.jpg" width="300" height="170"/><br />
14     <img onmouseover="over(this)" onmouseout="out(this)" src="大海.jpg" width="300" height="170"/>
15 </div>
16 
17 </body>
18 <script>
19     function over(t){
20         t.width=660;
21         t.height=340;
22     }
23     function out(t){
24         t.width=300;
25         t.height=170;
26     }
27 </script>
28 </html>

 

posted @ 2017-10-22 09:33  木&子  阅读(340)  评论(0)    收藏  举报