在jQuery中为长距离短距离设置动画位置
问题描述:
寻找在页面中包含一些非常微妙的动画(认为云缓慢地漂浮在天空上)。在jQuery中为长距离短距离设置动画位置
$('DIV#clouds').animate({ left: '100px' }, 30 *1000);
我试图在jQuery中实现这一点,它似乎jQuery不能做小于1px的增量(如闪光灯可以)。动画起作用,它不是光滑的,每当云移动一个像素时,它看起来就会跳动几毫秒。
我的假设,亚像素的移动是不可能的,我只是问希望我错了。
答
不,因为属性left
只能将整个像素作为值。所有jQuery所做的都是将一个像素添加到left
,直到它达到100px。你不能指望它增加半个像素来动画更流畅,对不起。闪光灯可能通过使用抗锯齿来实现此目的。
另外,{ left : '100px'}
应该有单引号围绕px值。
所以我认为这是一个javascript/css/html的限制,并不一定是一个jQuery的,是正确的? – 2011-01-28 11:07:19