在jQuery中为长距离短距离设置动画位置

问题描述:

寻找在页面中包含一些非常微妙的动画(认为云缓慢地漂浮在天空上)。在jQuery中为长距离短距离设置动画位置

$('DIV#clouds').animate({ left: '100px' }, 30 *1000); 

我试图在jQuery中实现这一点,它似乎jQuery不能做小于1px的增量(如闪光灯可以)。动画起作用,它不是光滑的,每当云移动一个像素时,它看起来就会跳动几毫秒。

我的假设,亚像素的移动是不可能的,我只是问希望我错了。

不,因为属性left只能将整个像素作为值。所有jQuery所做的都是将一个像素添加到left,直到它达到100px。你不能指望它增加半个像素来动画更流畅,对不起。闪光灯可能通过使用抗锯齿来实现此目的。

另外,{ left : '100px'}应该有单引号围绕px值。

+0

所以我认为这是一个javascript/css/html的限制,并不一定是一个jQuery的,是正确的? – 2011-01-28 11:07:19