Javascript jQuery动画按比例展开

我现在遇到的问题是如何在jQuery中设置函数的动画以按比例展开。通常情况下，它只会单面展开，就像展开到底部或展开到右侧一样

我想要的是通过使用动画按比例展开左右上下

下面是我的代码。正如我上面所说，它只会扩展到底部

$(document).ready(function() {
    var theFrame = $("#FrmPatient", parent.document.body);
    theFrame.animate({width: 650, height: 485}, 1000);
});         

---

您还需要设置左侧和顶部属性的动画。如果长方体的原始宽度和高度为（w0，h0），而展开的宽度和高度为（w1，h1），则从左到左-（w1-w0）/2和从上到上-（h1-h0）/2设置动画。请注意，这仅适用于绝对或相对定位。

尝试以下操作：

<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);
});

#框架{
位置：绝对位置；
左：50%；
最高：50%；
裕度：-100px 0-100px；
宽度：200px；
高度：200px；
背景色：#999；
}
$（函数（）{
var w=400，h=400；
$（“#帧”）。设置动画({
宽度：w，
高度：w，
边缘左侧：-w/2，
马金托普：-h/2
}, 1000);
});

---

您需要澄清您认为这里的问题是什么，因为据我所知，代码是正确的。不。当您运行此代码时，它将仅扩展到左侧和底部。对吗？我想要的是像灯箱效果一样展开到左、右、上、下。