如何使用jquery在div上執行一系列位置更改

Question

我希望能夠在一組div上設置一些動畫。

這是我到目前爲止有：

$(".nextwp").click(function(){ 
    $('.welcome').animate({ 
     left: "-9999px" 
    }, 8500); 
    $('.welcome').animate({ 
     right: "-=9999px" 
    }, 0); 

    $('.work').animate({ 
     right: "+0px" 
    }, 1300); 
}); 

我想，直到它從視圖中隱藏的。歡迎類的div移動到左側爲8.5秒的持續時間。然後我需要重置它的位置在-9999px的右側。由於某種原因，它不會重置。我是否以正確的方式去做這件事？一旦它的位置設置爲-9999px，我需要工作類div從右側滑入。

讓我知道你是否需要更多信息。

問題是，由於某種原因，歡迎類div從未將它的位置設置爲-9999px。

在此先感謝。

（基本上是一個簡單的自定義滑塊）

Answer 1

好吧，如果你覺得這個方法，你其實告訴它做的是動畫9999px 8.5秒，我不希望這行爲一致。

最簡單的辦法是使用jQuery UI的效果模塊，並使用$el.show('slide')。

如果你想要的東西的習慣，那麼最好的辦法是創建一個容器overflow: hidden並直到它失控的觀點滑動元素。這將是更可預測的，並會表現得更好。