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.

阅读更多
换一批

没有更多推荐了,返回首页