js实现鼠标滚轮缩放图片

来源：99网

不支持Firefox。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script language="javascript">

    function bbimg(o) {

      var zoom = parseInt(o.style.zoom, 10) || 100;

      zoom += event.wheelDelta / 12;

      if (zoom > 0) o.style.zoom = zoom + '%';

      return false;

    }

  </script>

</head>

<body>

  <p>将鼠标放在图片上，点击一下，然后滚动鼠标滚轮试试看</p>

  <p><img border="0" src="../../static/img/test/award_1.png" onmousewheel="bbimg(this)"></p>


</body>


</body>

</html>

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

全部频道

js实现鼠标滚轮缩放图片