用js控制图片的等比例缩放
来源:互联网 发布:淘宝nike旗舰店真假 编辑:程序博客网 时间:2024/05/16 17:41
// 初次加载页面
setTimeout(function(){
$(".img-responsive").each(function(){
var rw=$(this).get(0).offsetWidth;
var rh=rw*(463/640);
$(this).css("height",rh+"px");
});
},300);
// 窗口改变时
window.onresize = function(){
setTimeout(function(){$(".img-responsive").each(function(){
var rw=$('body').get(0).offsetWidth*(345/1903);
$(this).css('width',rw+'px');
//var rw=$(this).get(0).offsetWidth;
var rh=rw*(463/640);
$(this).css("height",rh+"px");
});
},500);
}
0 0
- 用js控制图片的等比例缩放
- JS控制图片等比例缩放
- JS控制图片等比例缩放
- js等比例缩放图片
- JS等比例缩放图片
- js等比例缩放图片
- js图片等比例缩放
- Js 等比例缩放图片
- js等比例缩放图片
- js等比例缩放图片
- js 等比例缩放图片
- JS 等比例缩放图片
- 等比例缩放图片 js
- 等比例缩放图片js
- js 等比例缩放图片
- js等比例缩放图片
- js图片等比例缩放
- JS控制图片显示的大小(图片等比例缩放)
- web前端-JavaScript 函数 -009
- python基础教程学习笔记十五
- LeetCode215. Kth Largest Element in an Array分治法
- JAVA之XML解析的两种方式
- (4)期末财务成果的核算&收入与利得、费用与损失的区别与联系
- 用js控制图片的等比例缩放
- c++函数指针3.0
- Android studio快捷键
- log4net 扩展自己的PatternLayout
- 面向对象三大基本特性,五大基本原则
- RxJava 和 RxAndroid 二(操作符的使用)
- UnityShader]渲染队列、ZWrite和ZTest
- PHP获得调用该方法的方法名
- Linux下软连接(softlink)和硬连接(hardlink)的区别