DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 鼠標放到圖片上慢慢變大
鼠標放到圖片上慢慢變大
編輯:JavaScript綜合知識     

 <html>

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>網頁特效觀止|www.jscode.cn| --- 鼠標放到圖片上慢慢變大,移開後圖片又慢慢變小</title>   </head>   <body> <img id=MainImg onmouseover=max() onmouseout=min() src=http://www.jscode.cn/JsCode/images/flag.gif width="85" height="55">  <script> var i=0 //變大 function max(){ MImg=MainImg.style.pixelWidth+=i++ MainImg.style.pixelHeight=MImg*aaa if(i<20)setTimeout('max()',100) }   //變小 function min(){ MImg=MainImg.style.pixelWidth-=i-- MainImg.style.pixelHeight=MImg*aaa if(i>0)setTimeout('min()',100) }   function init(){ aaa=MainImg.height/MainImg.width MainImg.style.pixelWidth=85 MainImg.style.pixelHeight=55 }   onload=init </script></body> </html>

  提示:您可以先修改部分代碼再運行

  1、在IE、FF中測試,只在IE出現文字溢出現象。

  說明:注釋造成文字溢出是IE的BUG。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved