Question

我有一个UL，所有LI都被平方并浮动到左边。我想给它们制作动画，使它们从50％的尺寸开始，在宽度和高度上都会增长但保持它们的位置。

我能想到的唯一方法（不添加新标记）是从边距（每个边距的25％，宽度和高度）开始，并在增加尺寸的同时减少边距。但是，jQuery的animate（）并不保持总和：margin-left + width + margin-right，即使使用线性简易。

如何使用jQuery的animate（）动画DIV？

这是我的代码.. 初始状态：

items.css({
       opacity:0,
       marginTop: 17,
       marginRight: 17,
       marginBottom: 18,
       marginLeft: 19,
       width: 78,
       height: 78
    });

动画：

items.animate({
        opacity:1,
        marginTop: 0,
        marginRight: 0,
        marginBottom: 1,
        marginLeft: 2,
        width: 112,
        height: 112
    }, 'slow', 'linear');

Answer 1

这是一个例子： http://jsfiddle.net/TabUc/1/

编辑：这是修复div和按钮摇晃的方法 http://jsfiddle.net/jYHtr/2/

设置宽度和水平边距的动画，保持框大小

1 个答案: