jQuery的動畫

Question

我不知道什麼是錯的這個代碼..它只是不，即使它與另外一個相同的語法工作..

$(document).ready(function(){ 
$("#inner").animate({height:'200',top:'-100'},1000); 
    $("#inner").animate({width:'200',margin-left:'-100'},1000); 
}); 

你可以看到的例子here。 。

Answer 1

嘗試不PX給$("#inner").animate({width:'200',margin-left:'-250'},1000);

還是看這個question上SO

它說，

嘗試使用「marginTop」而不是「margin-top」。通常，當您使用CSS道具作爲「border-something」或「margin-something」時，最好使用它的「標準化」版本，就像您在DHTML（styles.marginTop）中使用的那樣。

所以將其更改爲， $("#inner").animate({width:'200',marginLeft:'-250'},1000);

或者

你也可以使用redsquare的答案...

Answer 2

您需要引用保證金左屬性，因爲連字符是一個保留JS操作。

見update到您的演示

嘗試

$(document).ready(function(){ 
$("#inner").animate({height:'200',top:'-100'},1000); 
    $("#inner").animate({width:'200','margin-left':'-100'},1000); 
});