JQuery不同元素的動畫鏈

同一個元素可以使用.show().hide().animate()實現對動畫的有序進行。

不同元素有兩種方法。

一、使用回調函數結合遞歸。（使用情況有限，因爲要從上個元素找到下一個元素）

例如這樣實現

orderedPlace($(".className").eq(0), 700)
function orderedPlace(ele, time){
	ele.fadeIn(time, function() {
		if(ele.next().length) {
			orderedPlace(ele.next(), time)
		} else {
			eleMove(ele, time);

		}
	})
}

二、使用.delay(time)來實現（需要計算time）

例如

cycles.find('.cycle').each(function() {
		$(this).delay(delay).fadeIn(700);
		delay += 700;
	})

這個問題困擾了好幾天，之前找到了遞歸的實現，覺得還應該有更簡單的方法，後來哎stackoverflow上找到了

http://stackoverflow.com/questions/6073924/jquery-animate-change-the-elements-opacity-one-by-one