zoukankan      html  css  js  c++  java
  • 图片放大缩小(兼容火狐)

        //DOMMouseScroll forfix的鼠标滚轮事件,mousewheel常规滚轮事件
          //imgParent是图片父级元素,在图片父级上触发事件,避免鼠标不在图片上时无法放大/缩小
          imgParent.on('mousewheel DOMMouseScroll', zoomImg);
    
          function zoomImg(event) {
            var img = $(this).children('img');
            var event = event || window.event;
            event.preventDefault();
            //判断鼠标是向上滚动还是向下滚动
         //event.detail是forfix浏览器,向上滚动为-3,其他浏览器相反
    var dir = (event.originalEvent.wheelDelta) > 0 || (event.detail < 0 ) ? 'Up' : 'Down'; var width = img.css('width'); var num =parseInt(width);//将宽度提取出来 //if (dir == 'Up') { // num += num * .25; // img.css('width', num);//重新给宽度赋值 // } else { // num -= num / 4; // img.css('width', num); // }

          

             dir == 'Up' ? num += num * .25 : num -= num / 4;
             img.css('width', num);

    
          };

    未经本人同意,请勿转载。如有错误之处,烦请不吝赐教!

     

  • 相关阅读:
    L2-1 功夫传人 (25分)
    7-11 家庭房产(25 分)
    7-11 玩转二叉树 (25分)
    7-10 排座位 (25分)
    7-12 最长对称子串 (25分)
    7-10 树的遍历 (25分)
    STL
    Max Gcd
    水果
    Rails
  • 原文地址:https://www.cnblogs.com/duanfuying/p/8126893.html
Copyright © 2011-2022 走看看