jQuery - 如何停止元素浮动

时间:2014-01-21 11:08:16

标签: javascript

我正在使用我在网上找到的这段javascript。它运作得非常好。我的问题是这个。

元素在代码片段中上下浮动。我想做的就是让它漂浮下来然后停下来。我不知道把stop()函数放在哪里。或者,如果我必须使用此功能。我将在接下来的几天内上传该网站,但与此同时,如果有人在我这样做之前有解决方案,那么我将非常感谢你的帮助。

<script type="text/javascript">

function antiGrav(ele) { // anti-gravity floating on an element ;)
var distance = 105;
$(ele).animate({
        'top': "+="+distance+"px"
    },3500,"swing",function(){
        $(ele).animate({
        'top': "-="+distance+"px"
    },3300,"swing",function(){

            antiGrav(ele);
        });
    });

}
antiGrav('#feather');
</script>

1 个答案:

答案 0 :(得分:1)

要让它向下浮动一次并停止,你不需要递归函数或再次动画它的动画。

var distance = 105;
$('#feather').animate({
    'top': "+="+distance+"px"
},3500,"swing");

FIDDLE