鼠标滚轮放大/缩小图片

最新推荐文章于 2020-09-16 16:06:42 发布

原创最新推荐文章于 2020-09-16 16:06:42 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#border #function

<img id=pic src=" http://community.youkuaiyun.com/images/优快云_logo.GIF" width=105 height=31 border=0 onmousewheel="return zoomimg(this)" alt="1.点击鼠标左键查看原图
2.鼠标滚轮放大/缩小图片">
<script>
var zoomp = 92;
function zoomimg(img)
{
var zoom = parseInt(img.style.zoom,10) || 100;
zoom += event.wheelDelta / 12;
if (zoom>10) img.style.zoom = zoom + "%";
return false;
}
</script>