HTML代码
<div id="imgDiv">
<img id="img"/>
</div>
js代码
$("#img").addEventListener("mousewheel", function(){
var zoom = parseInt($("#img").style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom >= 10 && zoom <= 1000) {
console.log(zoom);
$("#img").style.zoom = zoom + '%';
}
return false;
})
以上代码只实现图片中心点的缩放,暂不支持按鼠标点位置进行缩放。(其实我也不太知道怎么按鼠标位置进行缩放,如果知道的话可以把代码贴出来,一起学习!!!)