js滚轮控制图片的放大缩小

1、添加一张图片

<img id="chgImg" src="1.jpg" width="760" onmousewheel="return bigimg(this)" style="cursor:pointer" />

2、

function bigimg(obj){
    //alert(parseInt(obj.style.zoom,10));
    var zoom = parseInt(obj.style.zoom,10)||100;
    zoom += event.wheelDelta / 12;
    if(zoom > 0 )
        obj.style.zoom=zoom+'%';
    return false;
}

这就ok了。

3、“mousewheel” 事件中的 “event.wheelDelta” 属性值：返回的值，如果是正值说明滚轮是向上滚动，如果是负值说明滚轮是向下滚动；返回的值，均为 120 的倍数，即：幅度大小 = 返回的值 / 120。

4、parseInt(o.style.zoom,10)||100；

	当||左边为true时，就只考虑左边；当左边不为true时，就考虑右边。也就是说parseInt(o.style.zoom,10)不为true时，zoom就等于100.