jQuery动画按比例扩展
jQuery动画按比例扩展
提问于 2010-09-09 01:55:38
关于如何在中按比例扩展函数，我现在遇到了问题。通常情况下，它只向一侧扩展，就像向底部扩展或向右扩展.
我想要的是用动画按比例向左、右、上、下展开。
以下是我的编码。我上面说的是，它只扩展到底部。
$(document).ready(function() {
var theFrame = $("#FrmPatient", parent.document.body);
theFrame.animate({width: 650, height: 485}, 1000);
}); 回答 2
Stack Overflow用户
回答已采纳
发布于 2010-09-09 04:40:47
试试这个：
<div id="frame"></div>
#frame {
position: absolute;
left: 50%;
top: 50%;
margin: -100px 0 0 -100px;
width: 200px;
height: 200px;
background-color: #999;
}
$(function() {
var w = 400, h = 400;
$("#frame").animate({
width: w,
height: w,
marginLeft: -w/2,
marginTop: -h/2
}, 1000);
});http://jsfiddle.net/GVj83/
Stack Overflow用户
发布于 2010-09-09 04:39:26
您还需要对左上方的属性进行动画化。如果盒子的原始宽度和高度是(w0，h0)，而扩展的宽度和高度是(w1，h1)，则从左到左-(W1-W0)/2，自上而下-(H1-H0)/2。注意，这只能在绝对或相对位置上工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3673268
复制相关文章
相似问题
腾讯云开发者
