【问题标题】:Animating positions for short distances over long durations in jQuery在jQuery中长时间为短距离动画位置
【发布时间】:2011-01-28 10:46:24
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: jquery animation


    【解决方案1】:

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

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

    【讨论】:

    • 所以我认为这是 javascript/css/html 的限制,不一定是 jQuery 的限制,对吗?
    • 我对可以具有真实值的属性的慢速动画感兴趣,例如font-size。你知道你会怎么做吗?目前它只是在每个整数像素/点大小之间跳跃。
    • 我问了一个关于动画字体大小的相关问题:stackoverflow.com/questions/12304860/…
    猜你喜欢
    • 2012-08-31
    • 1970-01-01
    • 2017-08-10
    • 1970-01-01
    • 2016-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-21
    相关资源
    最近更新 更多