您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
鼠标放到图片上慢慢变大
作者：佚名 责任编辑：admin 更新时间：2022-06-22
<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。
- 上一个程序编程： 给地图找个放大镜
- 下一个程序编程： 图片加载进度实时显示
