javascript - JQuery 如何让 上下跳转？

Question

我有一个带有“加入”项的水平导航菜单。我希望 #jump 项目在页面加载后立即无限期地上下跳动。

这给出了效果，但只有一次并且只有在悬停时:

 <script type="text/javascript">
   $('#jump').hover(function(){
   $(this).animate({bottom:'5px'},'fast');
   }, function() {
   $(this).animate({bottom:'0px'},'fast');
   });
</script>

如果我成功了:ready() 它停止工作。

Answer 1

为什么 jquery 只使用 css animation

#some{
border-radius:100%;
width:50px;
height:50px;
background:#ccc;
animation:top 0.3s ease-in infinite; /*change the animation transition effect as your wish*/
}

@keyframes top{
from{transform:translateY(0px);}
to{transform:translateY(10px);}
}

<div id="some"></div>