2013-02-25 111 views
0

我試圖讓鼠標在鼠標懸停事件中從當前位置上下移動 - 我有followng,但它只能工作一次,然後停止,而不是連續騎車?讓div與jQuery動畫上下動畫

tiptitle.stop(true, true).animate({ 
    'top': '5px' 
}, 100).stop(true, true).animate({ 
    'top': '0px' 
}, 100); 
+0

嗯,是的。您認爲應該無限重複的代碼在哪裏?提示:它不在那裏。 – 2013-02-25 16:44:23

+0

也許有更多的代碼? – Joe 2013-02-25 16:44:57

+0

您可能正在尋找一個搖晃的效果:)像[THIS](http://docs.jquery.com/UI/Effects/Shake) – Stphane 2013-02-25 16:48:28

回答

2

做一個無限循環

function animate(isOpen) { 
    tiptitle.stop().animate({'top': isOpen ? '5px' : '0px'}, 100, function() { animate(!isOpen); }) 
} 
+0

問題1:當鼠標不再移動時,您將如何擺脫這種情況尖頭?問題2:如何使這個可重用的元素多於一個(即,它被硬編碼爲一個對象,如果它們有多個項目需要這種懸停效果,則不能很好地重用)。 – 2013-02-25 17:18:15

+0

他從來沒有說過任何關於停止的事情,顯然你要麼將頂部標題作爲變量傳入,要麼在那裏傳遞。這只是一個簡單的例子,可以指出他所要求的方向 – Pete 2013-02-26 08:48:56