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

时间:2012-07-18 14:26:40

标签: javascript jquery animation

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

首先,我希望在介绍屏幕上看到大徽标,并且随着动画的变化,它会向左移动。

这样做的最佳做法是什么。有哪些样本?

THX

2 个答案:

答案 0 :(得分:1)

具有所有正确值的

jquery animate可以很容易地做到这一点。

答案 1 :(得分:1)

您应该使用animate()

here is jsfiddle example to play with, just click

的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
  });

});