onmousewheelevent缩放图片效果_javascript技巧

《SCRIPT》 var count = 10; function Picture() { count = Counting(count); Resize(count); return false; } function Counting(count){ if (event.wheelDelta >= 120) count++; else if (event.wheelDelta <= -120) count--; return count; } function Resize(count){ oImage.style.zoom = count + '0%'; oCounter.innerText = count + '0%'; } 《SCRIPT》 onmousewheel event <P> This sample uses the onmousewheel event to expand or contract the picture below. Move the cursor over the picture and roll the mouse wheel up and down.</P> <span style="font-weight:bold">Size = <span id="oCounter" style="color:red;">100%</span></span> <img id="oImage" src="http://www.jb51.net/logos.gif" Onmousewheel="return Picture();" > http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm. <p style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> <input type="button" name="Button" value="查看源代码" OnClick= 'window.location = "view-source:" + window.location.href'></p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]