2011-11-01 78 views
9

關閉但不完全在那裏。我想讓第一個子div顯示幾秒鐘,滑下(通過定位)並淡出視圖,然後下一個孩子向上滑動並淡入視圖。不斷重複,最後一個孩子顯示後循環返回。jQuery:通過兒童動畫,連續循環

看起來我已經得到了循環工作,雖然計數似乎堆疊在彼此之上的孩子divs。我究竟做錯了什麼?

http://jsfiddle.net/rrbaker/Xmk2y/4/

回答

4

這裏是我的混音:http://jsfiddle.net/ddrace/DJuV7/1/

我重新安排一些事情,以使其更容易理解並添加設置爲暫停和動畫技術來保持乾燥並且更容易調整。

+0

不錯的一個。這看起來非常有用,給讀者足夠的時間閱讀。 – Birey

+0

這是完美的,謝謝! – rrbaker

1

根據你所提到的,似乎有幾個問題。首先是將索引設置爲-1。這似乎導致顯示全部問題。接下來是動畫,我已經更新它使用jQuery的承諾,以確保前一個動畫完成。

最終結果:http://jsfiddle.net/bfbuS/2/

jQuery的承諾:http://api.jquery.com/promise/

+0

Promise的+1。雖然個人而言,我認爲當動畫重疊一點時我更喜歡它。 – ddrace

+0

當然有時它是有道理的,我只是試圖按照所述的意圖。 –

+0

不知道承諾,感謝您看看和提示。比放入延遲墊片要好得多。 – rrbaker