麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery實現根據瀏覽器窗口大小自動縮放圖片的方法

2019-11-20 12:02:10
字體:
來源:轉載
供稿:網友

本文實例講述了jquery實現根據瀏覽器窗口大小自動縮放圖片的方法。分享給大家供大家參考。具體如下:

(function($){ $.fn.resizeimage = function(){  var imgLoad = function (url, callback) {   var img = new Image();   img.src = url;   if (img.complete) {    callback(img.width, img.height);   } else {    img.onload = function () {     callback(img.width, img.height);     img.onload = null;    };   };  };  var original = {   width:$(window).width()  };  return this.each(function(i,dom){   var image = $(this);   imgLoad(image.attr('src'),function(){    var img = {     width:image.width(),     height:image.height()    },percentage=1;    if(img.width<original.width){     percentage = 1;    }else{     percentage = (original.width)/img.width;    }    image.width(img.w=img.width*percentage-30).height(img.h=img.height*percentage);    $(window).resize(function(){     var w = $(this).width();     percentage = w/img.width>1?1:w/img.width;     var newWidth = img.width*percentage-30;     var newHeight = img.height*percentage;     image.width(newWidth).height(newHeight);    });   });  }); };})(jQuery);

希望本文所述對大家的jquery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 污视频在线免费 | 国产精品久久久久久久久久久久久久久 | 久久久久久久91 | 越南一级黄色片 | 日韩在线激情 | 精品一区二区三区在线观看国产 | 国产papa| 深夜免费福利视频 | 久久91精品国产91久久yfo | 激情视频在线播放 | 史上最强炼体老祖动漫在线观看 | 欧美亚洲免费 | 制服丝袜成人动漫 | 免费在线观看毛片 | 日本高清com | 激情久久一区二区 | 免费在线性爱视频 | 依人九九宗合九九九 | 国产性tv国产精品 | 久久国产精品久久久久 | 欧美日韩在线视频一区 | 在线成人免费观看视频 | 一级观看免费完整版视频 | 亚洲视频成人 | 中文字幕在线观看成人 | 毛片a级毛片免费播放100 | 怦然心动50免费完整版 | 草草视频免费观看 | 欧美性生视频 | 97久久精品一区二区三区观看 | 日本在线一区二区 | 久久亚洲第一 | 色综合激情 | 国产精品久久久久久久久久大牛 | 黄色一级片免费在线观看 | 亚洲成人欧美在线 | 视频一区二区中文字幕 | 免费毛片视频播放 | 欧美色大成网站www永久男同 | av中文一区 | 好骚综合在线 |