Question

我在点击事件上设置div动画我想要的是每0.2秒后增加动画速度这就是我现在正在做的事情

 <div class='col-md-6 col-sm-6 col-xs-12 animatediv' >
      <img src='images/camera.png' alt='camera'  class="camera">
      <p id='cameras' class='text-danger pull-right'>
      interested ? Read more
    </p>
</div>

Jquery

$(document).ready(function (){
    $('#cameras').click(function(){
         $(".animatediv").animate({'position':'relative','left':'700px'}, 2000, function(){
            window.location.replace("http://www.google.com");
        });
     });
});

现在它动画整个div但我希望我想改变速度，如上所述，请帮助

Answer 1

Jquery animate用作.animate（properties [，duration] [，easing] [，complete]）

你可以缩短持续时间（以毫秒为单位），使其显得更快（你的情况就是2000）

将其降低到500或更低。或者你可以使用＆＃39; fast＆＃39;代替2000

Answer 2

Easings可以帮助您在动画期间改变速度。请查看以下链接以获取示例。

JQuery animation: Is it possible to change speed during the animation?

Jquery：在动画期间提高动画速度

2 个答案: