2011-08-18 84 views
1

我創建了一個代碼片段,基本上將h2拖動到懸停的圖像上,然後懸停在右側,因此我最初將h2設置爲離開:負載上的頁面爲-200px,然後將鼠標懸停在動畫的左側:10px在.image中,然後懸停關閉動畫到左側:500px以縮小。現在,當我再次將圖像懸停時,h2正在從右側進行動畫,一旦發生懸停關閉,我怎麼能將h2重置爲-200px,或者您能否提出一種更好的方法來實現這種效果?jquery重置動畫的css值?

我的嘗試可以在這裏找到http://jsfiddle.net/kyllle/GPve7/

感謝

+0

這是你想達到的目標嗎? http://jsfiddle.net/geko/GPve7/3/ – Sleeperson

+0

@Sleeperson,謝謝你的回覆。沒有我想要做的就是將h2滑動到懸停的圖像上,然後將h2懸停在圖像右側而不是回到左側。當你將鼠標懸停在圖像上時,再次發生相同的動畫 – styler

回答

5

看那animate function從jQuery的,它有一個回調屬性,只需設置CSS後:

Updated fiddle

+0

謝謝,我在第二個動畫函數中包含了一個回調函數,但它使用了錯誤 – styler