鼠标放上去图片慢慢变大js 或变大

最新推荐文章于 2023-10-25 00:00:15 发布

weixin_30852419

最新推荐文章于 2023-10-25 00:00:15 发布

阅读量722

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/liu201312/p/3487961.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
     <title>鼠标放上去图片慢慢变大</title>
<script>
var oimage = null;
function zoom()
{
if (arguments.length > 0)
   oimage = arguments[0];
if(oimage.height<oimage.oldheight * 4 || oimage.width < oimage.oldwidth * 4)
{
   if(oimage.height < oimage.oldheight * 4) oimage.height+=10;
   if(oimage.width < oimage.oldwidth * 4) oimage.width+=10;
   z = setTimeout("zoom()",100);
}
else clearTimeout(z);
}

var oimage = null;
function zoom()
{
if (arguments.length > 0)
    oimage = arguments[0];
    oimage.height+=1;
    oimage.width+=1;

}

</script>

</head>
<body>
<img src="user/image/butongyi.gif"

oldwidth="100" oldheight="75" οnmοuseοver="zoom(this)" οnmοuseοut="clearTimeout(z);this.width = this.getAttribute('oldwidth'); this.height = this.getAttribute('oldheight');" ></a>
</body>
</html>

转载于:https://www.cnblogs.com/liu201312/p/3487961.html