Question

我有一个水平导航菜单，其中包含＆＃34; JOIN＆＃34;项目。我希望#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>

Answer 2

$("#jump").slideUp(2000).slideDown(2000);

详细信息： https://www.w3schools.com/jquery/jquery_chaining.asp

如何让<li>使用JQuery上下跳转？

2 个答案: