關閉但不完全在那裏。我想讓第一個子div顯示幾秒鐘,滑下(通過定位)並淡出視圖,然後下一個孩子向上滑動並淡入視圖。不斷重複,最後一個孩子顯示後循環返回。jQuery:通過兒童動畫,連續循環
看起來我已經得到了循環工作,雖然計數似乎堆疊在彼此之上的孩子divs。我究竟做錯了什麼?
http://jsfiddle.net/rrbaker/Xmk2y/4/
關閉但不完全在那裏。我想讓第一個子div顯示幾秒鐘,滑下(通過定位)並淡出視圖,然後下一個孩子向上滑動並淡入視圖。不斷重複,最後一個孩子顯示後循環返回。jQuery:通過兒童動畫,連續循環
看起來我已經得到了循環工作,雖然計數似乎堆疊在彼此之上的孩子divs。我究竟做錯了什麼?
http://jsfiddle.net/rrbaker/Xmk2y/4/
這裏是我的混音:http://jsfiddle.net/ddrace/DJuV7/1/
我重新安排一些事情,以使其更容易理解並添加設置爲暫停和動畫技術來保持乾燥並且更容易調整。
那麼,這個作品也是:http://jsfiddle.net/Xmk2y/7/。但我認爲我更喜歡比雷的解決方案。
根據你所提到的,似乎有幾個問題。首先是將索引設置爲-1。這似乎導致顯示全部問題。接下來是動畫,我已經更新它使用jQuery的承諾,以確保前一個動畫完成。
最終結果:http://jsfiddle.net/bfbuS/2/
jQuery的承諾:http://api.jquery.com/promise/
不錯的一個。這看起來非常有用,給讀者足夠的時間閱讀。 – Birey
這是完美的,謝謝! – rrbaker