手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery图片不完全按比例自动缩小的简单代码
jquery图片不完全按比例自动缩小的简单代码
摘要:复制代码代码如下:jQuery(document).ready(function(){/*图片不完全按比例自动缩小*/$(window).l...

复制代码 代码如下:

jQuery(document).ready(function()

{

/* 图片不完全按比例自动缩小*/

$(window).load(function(){$('#content div.thumbnail img').each(function(){varx=200;

//填入目标图片宽度

vary=140;

//填入目标图片高度

varw=$(this).width(),h=$(this).height();

//获取图片宽度、高度

if(w>x){

//图片宽度大于目标宽度时

varw_original=w,h_original=h;h=h*(x/w);

//根据目标宽度按比例算出高度w=x;

//宽度等于预定宽度if(h<y){

//如果按比例缩小后的高度小于预定高度时

w=w_original*(y/h_original);

//按目标高度重新计算宽度h=y;

//高度等于预定高度

}

}

$(this).attr({width:w,height:h});}); }); });

【jquery图片不完全按比例自动缩小的简单代码】相关文章:

jQuery实现文本展开收缩特效

移到这里,就会自动点击

jQuery实现不断闪烁文字的方法

js脚本学习 比较实用的基础

jquery右下角自动弹出可关闭的广告层

jquery 构造函数在表单提交过程中修改数据

jQuery获取字符串中出现最多的数

些很实用且必用的小脚本代码

鼠标图片振动代码

JavaScript中指定函数名称的相关方法

精品推荐
分类导航