將動畫div放入樣式表中定義的位置

Question

我可以使用JQuery輕鬆地將div從樣式表位置動畫到另一個位置，但有沒有簡單的方法可以做到相反？基本上我想避免更改我的樣式表，但divs從頁面開始，並被激活到正確的位置。

Answer 1

你可以嘗試做這樣的事情：

var origt = $("#yourdiv").offset().top, origl = $("#yourdiv").offset().left; 
$("#yourdiv").css({top:"auto", left:"auto"}); /*or wherever you want them to start*/ 
$("#yourdiv").animate({top:origt, left: origl}); 

希望這有助於！

Answer 2

你可以使用css()函數從jquery獲得他們的風格屬性？他們應該如何寬和長，並使用這些價值觀來動畫他們？

Answer 3

設置div的顯示：none;

通過javascript找到原來的位置。

將它們移動到可見窗口外。

將它們改回顯示：block;

將它們從當前位置動畫回存儲在JS中的原始值。

Answer 4

我想你是問：可以將類名傳遞給jQuery animate，而不是定義css屬性的對象字面值。

http://stackoverflow.com/questions/1248542/jquery-animate-with-css-class-only-without-explicit-styles