要使人成为真正有教养的人，必须具备三个品质：渊博的知识、 思维的习惯和高尚的情操。知识不多就是愚昧；不习惯于思维， 就是粗鲁或蠢笨；没有高尚的情操，就是卑俗。——车尔尼雪夫斯基
代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>scroll</title>
</head>
<body>
<img width="500px" id="img" src="https://VampireAchao.github.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>
|
效果
