JQuery如何实现平滑过渡？

Question

HY，

我有一个相对位置（CSS）的div，我想让它在屏幕上移动，改变左边的属性。 这应该是从（left：0px;）到（left：100px;）的平滑过渡。

由于

Answer 1

您可以使用.animate()执行此操作：

$("#myDiv").animate({ left: '100px' });

对相反的动画执行相反的操作，并使用CSS设置初始左侧位置，如下所示：

#myDiv { left: 0; position: absolute; }

Answer 2

$('#yourDIV').animate({left:'0px',top:'100px'},1000);

其中1000是你的速度