js 鼠标滚轮改变图片大小的小例子

发布时间:2020-06-03编辑:脚本学堂
本文分享下,用js脚本操作 鼠标滚轮以改变图片大小的例子,感兴趣的朋友可以参考学习下。

本节内容:
用鼠标滚轮改变图片大小

例子:
 

复制代码 代码示例:
<script>
/**
* 鼠标滚轮改变图片大小
* by www.jb200.com
*/
function onWheelZoom(obj){
        zoom = parseFloat(obj.style.zoom);
        tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05);
        if( tZoom > 1 || tZoom<0.1 ) return true;
        obj.style.zoom=tZoom;
        return false;
}
</script>
<a href="javascript:window.close()"><img
src="../images/20131120101711.png" style="zoom:1;"
onmousewheel='return onWheelZoom(this)'></a>