如何设置属性的特定持续时间

时间:2016-03-14 13:58:58

标签: javascript velocity.js

我试图研究文档以获取我觉得缺少的功能,或者我只是遗漏了某些内容。

在此示例中,我为opacitytop属性制作动画,持续时间为1秒。

$elements
    .velocity({opacity: 1, top: 0}, {duration: 1000})

很简单,但我想稍微调整一下动画。我希望opacity的持续时间为2秒......但我似乎无法找到一种优雅的方法来实现这一目标。

我总是可以这样重复:

$elements
    .velocity({top: 0}, {duration: 1000})

$elements
    .velocity({opacity: 1}, {duration: 2000})

......如果可能的话,我想避免使用意大利面。

1 个答案:

答案 0 :(得分:0)

这太简单了! 我没有联系http://julian.com/research/velocity/#queue只是我失踪的东西:)

示例:

$elements
    .velocity({top: 0}, {duration: 1250})
    .velocity({opacity: 1}, {duration: 3000, queue: false})
    .velocity({opacity: 0}, {duration: 1000, delay: 2000})
相关问题