2013-02-25 132 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