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

使用方法:设置目标标签的onmousewheel="return zoomimages(this)"
不过呢,在实际使用中不是很方便,有时候有的朋友用滚轮鼠标浏览网页的时候,若移动到该标签上,得到的并不是他想要的结果.所以我们小小修改一下,当按住Alt+滚轮的时候才缩放:

CODE:  
function zoomimages(Obj)
{if(event.AltKey){var zoom=parseInt(Obj.style.zoom, 10)||100;zoom+=event.wheelDelta/12;
if (zoom>0) Obj.style.zoom=zoom+'%';
return false;}
else{return true;}}

最后补充下这段代码实现的原理

其实是通过CSS来实现的，通过设置目标对象的style标签zoom属性来实现的。不过你必须要知道，zoom是IE的专有属性，而且只能用于IE5.5或更高版本。所以这个方法有一定的局限性。FireFox，Opera等这些浏览器是无法使用这段代码的。

Posted at 2:34 PM | Comments[0]