首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery统制图片宽度及高度

2012-09-28 
Jquery控制图片宽度及高度HTML代码如下:Jquery代码如下:$(document).ready(function() {var maxWidth 78

Jquery控制图片宽度及高度
HTML代码如下:



Jquery代码如下:

$(document).ready(function() {    var maxWidth = 780;    var maxHeight = 500;    var zoomTimes;    $("img").each(function(){    var curWidth  = $(this).width();    var curHeight = $(this).height();    if(curWidth > maxWidth){         $(this).width(maxWidth);         zoomTimes=curWidth/maxWidth;         $(this).height(curHeight/zoomTimes);    }else if(curHeight > maxHeight){         $(this).height(maxHeight);         zoomTimes=curHeight/maxHeight;         $(this).width(curWidth/zoomTimes);    }    });});
2 楼 hpjianhua 2012-03-28   嗯,不错,这种是等比例缩放的JS

热点排行