如何使用鼠标滚轮启用缩放功能？

Question

我有一个图片库，用户将只使用鼠标进行导航。

我希望他们能够使用鼠标滚轮放大和缩小以及双击。关于做这样的事情

Answer 1

什么：

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x 

if (document.attachEvent) { //if IE (and Opera depending on user setting) 
    document.attachEvent("on"+mousewheelevt, function(e){ 
     alert('Mouse wheel movement detected!')}) 
} else if (document.addEventListener) { //WC3 browsers 
    document.addEventListener(mousewheelevt, function(e){ 
     alert('Mouse wheel movement detected!') 
}, false)} 

为了让你做缩放，你可能会做一些额外的工作，JavaScript和CSS，如：

.zoom { 
    zoom: 150%; 
} 

Here is a resource