【问题标题】:jQuery animate linear backwardsjQuery动画线性向后
【发布时间】:2011-11-13 04:10:35
【问题描述】:

我正在动画颜色变化(使用 jquery.colors.js 插件)

我使用动画功能:

el.animate({"background-color": activeColor}, 1000, "linear");

这会改变颜色(淡入或淡出取决于当前和目标颜色)。而且变化的方向是从左到右。

我需要从从右到左

有什么建议吗?也许要使用 jquery ui 中的其他一些缓和?

【问题讨论】:

    标签: jquery jquery-ui


    【解决方案1】:

    这可能对你有用:

    var oldColor = el.css('background-color');
    
    el.css('background-color', activeColor);
    el.animate({"background-color": oldColor}, 1000, "linear");
    

    【讨论】:

    • 感谢您的回复。但是 NO =) 实际上以 oldColor 结尾,但我需要以 activeColor 结尾(实际上它的“透明” - 所以背景应该变得透明,但我希望它从右到左逐渐消失,而不是从左到左与“线性”一样向右)。
    • 假设有一个 rad 背景。我想用动画使它透明。所以我用el。 animate({'background-color': 'transparent'}, 1000, "linear") - 它首先从左侧(边框)开始变得不那么红色。所以在动画过程中,背景的像素越多,红色就越少。好吗?
    • 但是你的整个背景都是动画的。我没有看到这个方向在哪里发挥作用。
    • 视觉上它从左到右平滑地消失(消失)。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多