js控制图片放大缩小的简易版

Posted 2020-10-11 剑来

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js控制图片放大缩小的简易版相关的知识，希望对你有一定的参考价值。

js代码:

function bb_img_onmousewheel(e, o) {
    var zoom = parseInt(o.style.zoom, 10) || 100;
    zoom += event.wheelDelta / 12;
    if (zoom > 0) o.style.zoom = zoom + ‘%‘;
    return false;
}

图片html标签:

<img onmousedown="if(self.startMove)startMove(this,event)" onmousewheel="return bb_img_onmousewheel(event,this)" style="cursor: move; zoom: 80%;" src="" width="600px" />

以上是关于js控制图片放大缩小的简易版的主要内容，如果未能解决你的问题，请参考以下文章