Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery使div上下动画化_Javascript_Jquery - Fatal编程技术网

Javascript 使用jQuery使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

在鼠标悬停事件中,我试图让一个div从当前位置上下移动-我有下面的说明,但它只工作一次,然后停止,而不是继续循环

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:如何使这个元素可重用于多个元素(即,它被硬编码为一个对象,如果它们有多个需要这种悬停效果的项,则不太适合重用)。他从未说过要停止,显然,你要么将顶部标题作为变量传入,要么将其放入其中。这只是一个简单的例子,为他指明了他所要求的方向