鼠标缩放图片

最新推荐文章于 2024-08-01 16:23:55 发布

smvcn

最新推荐文章于 2024-08-01 16:23:55 发布

阅读量562

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB

本文链接：https://blog.youkuaiyun.com/smvcn/article/details/8672571

WEB 专栏收录该内容

9 篇文章

订阅专栏

<html>
< language="java">
img_zoom(e, o)  //图片鼠标滚轮缩放
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom > 0) o.style.zoom = zoom + '%';
  return false;
}
</>

<body bgcolor="#fef4d9">
 你可以修改src="图片地址"中的图片地址和this.width=300中的300数值，其他地方不要动
 <DIV ID=plane3>
<IMG wheel="return img_zoom(event,this)" ="java:if(this.width>screen.width-333) this.width=screen.width-333;if(this.width>600) this.width=300" src="图片地址" border="0">
</DIV></body>
</html>