實現效果:
再上傳圖像頁面,通過鼠標滾輪實時放大縮小調整圖像,調整過程中頁面靜止不動。
html
<div id="images">
<img src="default.jpg">
</div>
javascript
document.getElementById('images').onmousewheel = function(event) {
if (!event) event = window.event;
this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);
return false;
}
測試地址:
http://www.smtvoice.com/public/upload-head/index.php