Jquery中文網 www.4271936.live
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 用jquery等比例控制圖片寬高的具體實現

用jquery等比例控制圖片寬高的具體實現

發布時間:2014-06-24   編輯:www.4271936.live
控制圖片寬高的方法有很多,下面為大家介紹下使用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"))});
}
});
});

您可能感興趣的文章:
用jquery等比例控制圖片寬高的具體實現
jquery實現鼠標拖動圖片效果示例代碼
Jquery uploadify圖片上傳插件無法上傳的解決方法
jquery實現頁面圖片等比例放大縮小功能
JQuery 圖片滾動輪播示例代碼
jquery預覽圖片實現鼠標放上去顯示實際大小
jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
jquery實現簡單易懂的圖片展示小例子
Jquery動態進行圖片縮略的原理及實現
JQuery實現鼠標移動到圖片上顯示邊框效果

關鍵詞: jquery  等比例  圖片寬高   
[關閉]
微信下载APP完成任务如何赚钱 仿pc蛋蛋 湖南幸运赛车爱彩人彩票网 多乐够级下载安装 踢足球图片 海南飞鱼彩票投注站点 上海时时乐彩票 nba中国赛上海 浙江快乐彩开奖号码 南京麻将游戏 股票数据查询