用HTML5实现鼠标滚轮事件放大缩小图片的功能

2020-04-21 07:50:45易采站长站整理

现在我们直接决定图片的大小范围。以下代码将图片的宽度范围设置在50-800个像素之间
 

XML/HTML Code复制内容到剪贴板

    myimage.style.width = Math.max(50, Math.min(800, myimage.width + (30 * delta))) + "px";   
    return false;   
}  

最后一点,我们在方法中返回false是为了终止标准的鼠标滚轮事件处理,以防它上下滑动网页。
查看实际演示