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

Question

希望在页面上加入一些非常微妙的动画（想象云朵缓缓飘过天空）。

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

我尝试在 jQuery 中实现这一点，似乎 jQuery 不能做小于 1px 的增量（就像 flash 一样）。动画效果很好，只是不流畅，每次云移动几毫秒甚至一个像素时，它看起来都在跳跃。

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

Answer 1

不可以，因为属性left 只能将整个像素作为值。 jQuery 所做的只是向left 添加一个像素，直到它达到 100 像素。你不能指望它增加半个像素来使动画更流畅，抱歉。 Flash 可能通过使用抗锯齿来做到这一点。

另外，{ left : '100px'} 应该在 px 值两边加上单引号。