jquery和css中的動畫？

2013-02-27 103 views 0 likes

我試圖在單擊鏈接時將div移動到頂部。當我點擊另一個鏈接時，它應該回到原來的位置並淡出。jquery和css中的動畫？

我用了jQuery居中DIV .. 現在的問題是，當我點擊它工作正常的鏈接，說40像素高達.. 我設置移動該div下來，當我點擊第二個鏈接。。

的問題是什麼，如果我點擊第二個鏈接，股利像我寫它的事件處理程序向下移動..

如何檢測該div以前還是不動？就像當我點擊第一個鏈接，然後第二個div運行良好..但是，如果我點擊第二個，它會下降，它會從屏幕上消失。

回答

簡單的說，在第一個動畫回調中，只需向類似anim-done的div中添加一個類，然後在第二次點擊的事件處理程序中添加一個類，然後在將其重新設置爲原始位置並將其淡出之前檢查此類。確保在第二個動畫的回調中刪除此類。

這裏的小提琴以幫助澄清：http://jsfiddle.net/G5JcA/

2013-02-27 05:29:19 kayen

這很混亂，你可以撥弄嗎？我是新手..感謝您的支持。 – designerNProgrammer 2013-02-27 05:33:45

@designerNProgrammer新增小提琴。乾杯! – kayen 2013-02-27 05:41:30

您可以使用成功函數後，動畫結束

下面是語法

.animate({co-ords},time,successfuntion);

指this fiddle其淡出div移動到左邊後

2013-02-27 06:21:02

相關問題