Question

为什么效果不好？ We，Members和Listen是将您重定向到另一个页面的标题，我的目的是当鼠标位于其中一个按钮上时使它们弹跳。

HTML：

 <a id="asd" class="asd" href="a.html">We</a>
<a>&nbsp;&nbsp;&nbsp;&nbsp; </a>
<a id="asd" class="asd" href="b.html">Members</a>
<a id="asd" class="asd" href="c.html">Listen</a>

jQuery的：

 $(document).ready(function() {

      $(".asd").mouseenter(function(){
         $(".asd").effect( "bounce", 
          {times:3}, 300 );
      });
 });

Answer 1

使用hover / mouseenter进行动画很有吸引力，但至少你可以使用CSS进行更多控制。试试这个？

.asd{
    position: relative
}

.asd:hover{
    animation: bounceText .5s;
    -webkit-animation: bounceText .5s;
}

@-webkit-keyframes bounceText {
    0%     {top: 0px;}
    50% {top: 10px;}
    100%   {top: 0px;}
}

@keyframes bounceText {
    0%     {top: 0px;}
    50% {top: 10px;}
    100%   {top: 0px;}
}

为什么不在jquery中运行这种反弹效果？

1 个答案: