首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:00:00
字体:
来源:转载
供稿:网友
控制图片宽高的方法有很多,下面为大家介绍下使用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"))});
}
});
});

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选