美文网首页
js鼠标滚轮放大缩小图片

js鼠标滚轮放大缩小图片

作者: 哈叽哈叽叽歪歪 | 来源:发表于2017-05-14 22:25 被阅读0次

    /*

    * js鼠标滚轮放大缩小图片

    * @param obj 当前图片对象

    */

    function bigimg(obj){

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

               zoom += event.wheelDelta / 12;

               if(zoom > 0 ){

                     obj.style.zoom=zoom+'%';

                }

    }

    使用方式:

    < img id="chgImg" src="'你的图片地址'" width="760" onmousewheel="return bigimg(this)" style="cursor:pointer" />

    相关文章

      网友评论

          本文标题:js鼠标滚轮放大缩小图片

          本文链接:https://www.haomeiwen.com/subject/mmkcxxtx.html