移動動畫不會與DIV jQuery的工作

的Javascript/jQuery的移動動畫不會與DIV jQuery的工作

$(document).ready(function(){ 

     $("#box").animate({ 
      top: "+=50px", 
      }, 2000); 

    }

CSS

#box{ 

     -moz-border-radius:15px; 
     border-radius:15px; 
     width:300px; 
     height:250px; 
     background:#D8D8D8; 
     border:2px solid black; 
     position: relative; 

    }

我不明白爲什麼這是行不通的。另外，如果有人知道如何改變div的大小並在它移動時旋轉它，你可以告訴我。我喜歡它，所有3個動畫都在同一時間發生。這是可能的，如果是這樣，如何？非常感謝您提前答覆。

來源

2013-08-16 Greg Peckory

你隱式地將'top'的值設置爲'「+ = 50px」'。如果您在瀏覽器的開發人員工具中看到CSS屬性，則會看到屬性錯誤。最好的辦法是使用'.css（）'函數獲取'top'的當前值，然後加50，然後將其設置爲新值。 –

這到底如何？ –

問題是你的文檔就緒函數的語法你的語法應該是這樣的。

$(document).ready(function(){ 
    /*your code*/ 
});

我在工作代碼中添加了小提琴。 http://jsfiddle.net/tRYuX/

來源

2013-08-16 13:18:01

這樣一個簡單的錯誤導致瞭如此多的麻煩和時間。萬分感謝答案！ –

移動動畫不會與DIV jQuery的工作

回答

相關問題