js实现鼠标滚轮图片放大缩小

最新推荐文章于 2024-08-14 15:52:52 发布

江禾

最新推荐文章于 2024-08-14 15:52:52 发布

阅读量6.3k

点赞数 5

分类专栏： js react 文章标签： js

本文链接：https://blog.csdn.net/qq_45785424/article/details/108624325

版权

本文介绍了如何使用JavaScript监听鼠标的滚轮事件，并通过该事件实现图片的放大和缩小效果。通过调整图片的CSS属性，可以在用户滚动鼠标滚轮时动态改变图片的大小，从而为用户提供更丰富的交互体验。

摘要由CSDN通过智能技术生成

<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document</title>

</head>

<body>
    <img id="img" src="11.png" alt="" style="width:100px;">
</body>

<script>
    class Rotate {
   
        constructor