Javascript 使用jQuery使div上下动画化
在鼠标悬停事件中,我试图让一个div从当前位置上下移动-我有下面的说明,但它只工作一次,然后停止,而不是继续循环Javascript 使用jQuery使div上下动画化,javascript,jquery,Javascript,Jquery,在鼠标悬停事件中,我试图让一个div从当前位置上下移动-我有下面的说明,但它只工作一次,然后停止,而不是继续循环 tiptitle.stop(true, true).animate({ 'top': '5px' }, 100).stop(true, true).animate({ 'top': '0px' }, 100); 做一个无限循环 function animate(isOpen) { tiptitle.stop().animate({'top': isOpen
tiptitle.stop(true, true).animate({
'top': '5px'
}, 100).stop(true, true).animate({
'top': '0px'
}, 100);
做一个无限循环
function animate(isOpen) {
tiptitle.stop().animate({'top': isOpen ? '5px' : '0px'}, 100, function() { animate(!isOpen); })
}
嗯,是的。您认为应该无限期重复的代码在哪里?提示:它不在那里。也许再多一点代码?你可能在寻找一种震动效果:)比如问题1:当鼠标不再在tiptitle上时,你如何摆脱这种状态?问题2:如何使这个元素可重用于多个元素(即,它被硬编码为一个对象,如果它们有多个需要这种悬停效果的项,则不太适合重用)。他从未说过要停止,显然,你要么将顶部标题作为变量传入,要么将其放入其中。这只是一个简单的例子,为他指明了他所要求的方向