使用javascript上的动画将对象从中心移动到角落

Move object from center to corner with animation on javascript?

本文关键字:移动 角落 对象 javascript 动画 使用      更新时间:2023-11-19

这是我想要的基本flash动画。但是我不想用闪光灯。

首先,我想看到介绍屏幕上的大标志,它移动到左角,随着动画的缩小。

这样做的最佳做法是什么。有样品吗?

Thx

您应该使用animate()

这里有一个jsfiddle示例,只需单击

css:

.logo { position:absolute; left:0px; top:0px; }

jQuery:

$(document).ready(function(){
  //when document ready
  $('.logo').animate({'left':'960px'},1000); //1000 = 1second

  //click animation
  $('.logo').click(function(){
     $(this).animate({'left':'960px'},1000); // you can set left/top or you can do it with margins
  });
});

jquery animate使用所有正确的值可以很容易地做到这一点。