您的当前位置：首页正文

用鼠标滚轮滚动控制图片的缩小放大

来源：易榕旅网

转自：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Language" content="zh-cn" />

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>用鼠标滚轮滚动控制图片的缩小放大</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 src="./src=http___5b0988e595225.cdn.sohucs.com_images_20170915_b2cf760552044c0aa42be433c55f07b8.jpeg&refer=http___5b0988e595225.cdn.sohucs.jpg" onmousewheel="return bbimg(this)" />
    </p>

  </body>
</html>

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

查看全文