在线浏览图片时,能够通过鼠标滚轮进行放大和缩小,无疑会大大提升用户体验。以下是如何使用JavaScript实现这一功能的方法。以下是鼠标滚轮缩放图片的方法封装:
function imgZoom(obj) {
let zoom = parseInt(obj.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom > 0) {
obj.style.zoom = zoom + \\\'%\\\';
}
}
使用方法如下:
<img src=\\\"icon.png\\\" onmousewheel=\\\"imgZoom(this)\\\" />
现在,就将这个功能应用到你的网页中,让你的图片浏览更加生动吧!
原创文章,作者:网络技术联盟站,如若转载,请注明出处:https://www.sudun.com/ask/49856.html