当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 用jquery等比例控制图片宽高的具体实现

用jquery等比例控制图片宽高的具体实现

2018年03月13日  | 移动技术网IT编程  | 我要评论

用jquery等比例控制图片宽高的具体实现代码如下:

$(function() {
$(".dvcontent img").each(function() {
var maxwidth = 520;
if ($(this).width() > maxwidth) {
var oldwidth = $(this).width();
var oldheight = $(this).height();
var newheight = maxwidth/oldwidth*oldheight;
$(this).css({width:maxwidth+"px",height:newheight+"px",cursor:"pointer"});
$(this).attr("title","点击查看原图");
$(this).click(function(){window.open($(this).attr("src"))});
}
});
});

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网