首頁 > 開發者 > 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.bkjia.com/uploads/allimg/131028/1953124F8-0.gif width="85" height="55"> <script>var i=0//變大function max(){MImg=MainImg.style.pixelWidth+=i++MainImg.style.pixelHeight=MImg*aaaif(i<20)setTimeout('max()',100)} //變小function min(){MImg=MainImg.style.pixelWidth-=i--MainImg.style.pixelHeight=MImg*aaaif(i>0)setTimeout('min()',100)} function init(){aaa=MainImg.height/MainImg.widthMainImg.style.pixelWidth=85MainImg.style.pixelHeight=55} onload=init</script></body></html>提示：您可以先修改部分代碼再運行
1、在IE、FF中測試，只在IE出現文字溢出現象。
說明：注釋造成文字溢出是IE的BUG。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
