將動畫的寬度和水平邊距設置爲保持框的大小

我有一個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

將動畫的寬度和水平邊距設置爲保持框的大小

回答

相關問題