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

我有一个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');

来源

2011-06-15 Gerardo

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

编辑：下面是的div修复和摇动的按钮 http://jsfiddle.net/jYHtr/2/

来源

2011-06-15 11:33:45 Will

尝试与几个浮动左边的div（看看按钮将如何摇晃，左右移动）：http://jsfiddle.net/jYHtr/ – Gerardo 2011-06-15 12:40:09

将div放入容器应该停止晃动。 [http://jsfiddle.net/jYHtr/1/](http://jsfiddle.net/jYHtr/1/） – Will 2011-06-15 13:39:02

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

回答

相关问题