滚轮缩放
要使人成为真正有教养的人，必须具备三个品质：渊博的知识、 思维的习惯和高尚的情操。知识不多就是愚昧；不习惯于思维， 就是粗鲁或蠢笨；没有高尚的情操，就是卑俗。——车尔尼雪夫斯基
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>scroll</title>
</head>
<body>
<img width="500px" id="img" src="https://vampireachao.gitee.io/imgs/preview/3459_3.jpg"/>
<script type="application/javascript">
let images = document.getElementsByTagName("img");
for (let i = 0; i < images.length; i++) {
let img = images[i];
img.addEventListener("wheel", function (e) {
let delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
img.style.width = Math.max(500, Math.min(2000, img.width + (100 * delta))) + "px";
return false;
}, false);
}
</script>
</body>
</html>效果
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021-01-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
