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

最新推荐文章于 2022-06-02 11:57:08 发布

Fabricant

最新推荐文章于 2022-06-02 11:57:08 发布

阅读量693

点赞数

分类专栏：小笔记

原文链接：https://www.jb51.net/article/61233.htm

版权

小笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

转自：原文链接

尚未分析明白，先记录一下

<!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>

Fabricant

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用鼠标滚轮滚动控制图片的缩小放大

转自：原文链接尚未分析明白，先记录一下<!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-Langua
复制链接

扫一扫

专栏目录