Javascript jQuery动画展开div

我正在努力提高我的jQuery技能，因此我编写了一个自己的lightbox

但有一件事让我发疯。如何像其他灯箱一样设置div的动画。从中间开始，向两边伸展。我很无助

对于jQuery提供的特殊属性，这可能吗

$（'clickme'）。单击（函数（）{
$（“#书”）。设置动画({
宽度：“切换”，
高度：“切换”
}, {
持续时间：5000，
特别租赁：{
宽度：'线性'，
高度：'easeOutBounce'
},
完成：函数（）{
$（此）.after（'动画完成'）；
}
});
});

---

我希望有人能帮助我：）

您还可以设置div顶部和左侧位置的动画，以提供相对于元素中心调整大小的效果

$('#clickme').click(function() {
    $('#lightbox').fadeIn();
    $('#lightbox').animate({
        width: 500,
        height: 250,
        top:5,
        left:10
    });
});​

---

还可以设置div顶部和左侧位置的动画，以提供相对于元素中心调整大小的效果

$('#clickme').click(function() {
    $('#lightbox').fadeIn();
    $('#lightbox').animate({
        width: 500,
        height: 250,
        top:5,
        left:10
    });
});​

替换这个，jquery。 也将关闭您打开的div。 感谢“j08691”的帮助

$（'clickme'）。单击（函数（）{
$（'#lightbox'）.fadeIn（）；
$（“#lightbox”）。设置动画({
宽度：500，
身高：250，
前五名，
左：10
});});
$（'#lightbox'）。单击（函数（）{
$（“#lightbox”）。设置动画({
宽度：0，
高度:0,，
排名：0，
左:0,，
}).fadeOut（）；
});
替换这个，jquery。
也将关闭您打开的div。
感谢“j08691”的帮助

$（'clickme'）。单击（函数（）{
$（'#lightbox'）.fadeIn（）；
$（“#lightbox”）。设置动画({
宽度：500，
身高：250，
前五名，
左：10
});});
$（'#lightbox'）。单击（函数（）{
$（“#lightbox”）。设置动画({
宽度：0，
高度:0,，
排名：0，
左:0,，
}).fadeOut（）；
});
也在JSFIDLE上向我们展示这一点。类似这样的东西？完美！！！非常感谢：）没问题。我会把它作为一个答案贴出来。也在JSFIDLE上给我们看看。像这样的东西吗？太好了！！！非常感谢：）没问题。我会把它作为答案贴出来。