熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

鼠標放到圖片上慢慢變大

2013-11-15 11:58:53  來源: JSP教程 

  <html>

<head> <meta httpequiv="ContentType" content="text/html; charset=gb"> <title>網頁特效觀止|wwwjscodecn| 鼠標放到圖片上慢慢變大移開後圖片又慢慢變小</title>   </head>   <body> <img id=MainImg onmouseover=max() onmouseout=min() src=http://wwwjscodecn/JsCode/images/flaggif width="" height="">  <script> var i= //變大 function max(){ MImg=MainImgstylepixelWidth+=i++ MainImgstylepixelHeight=MImg*aaa if(i<)setTimeout(max()) }   //變小 function min(){ MImg=MainImgstylepixelWidth=i MainImgstylepixelHeight=MImg*aaa if(i>)setTimeout(min()) }   function init(){ aaa=MainImgheight/MainImgwidth MainImgstylepixelWidth= MainImgstylepixelHeight= }   onload=init </script></body> </html>

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

  在IEFF中測試只在IE出現文字溢出現象

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


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20017.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.