zoukankan      html  css  js  c++  java
  • 鼠标滚轮控制图片缩放

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head id="Head1" runat="server">

        <title>无标题页</title>

    </head>

    <body>

    <script type="text/javascript">

        function rollImg(obj) {

            var zoom = parseInt(obj.style.zoom, 10) || 100; zoom += event.wheelDelta / 12; if (zoom > 0) obj.style.zoom = zoom + '%';

            return false;

        }

        

    </script>

        <form id="form1" runat="server">

        <div>

        <img src="img/5.jpg" onload="javascript:if(this.width>screen.width*0.5)this.style.width=screen.width*0.5;"onmousewheel="return rollImg(this)" style="cursor:hand;"/>

        </div>

        </form>

    </body>

    </html>

  • 相关阅读:
    数据库相关
    linux相关
    类相关
    异常处理
    一些类的概念
    安装插件
    接口开发
    redis相关
    大数据-概览
    大数据-浅谈OLTP与OLAP
  • 原文地址:https://www.cnblogs.com/cyan/p/1271373.html
Copyright © 2011-2022 走看看