Question

如何在$（this）上使用Jquery方法.animate（）进行以下操作：

__main__

我尝试使用：

background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#373737))

哪种方法很好，但我想定义过渡所需的时间

Answer 1

使用jQuery animate方法，如下所示：

$(this).animate({"background": "-webkit-gradient(linear, left top, left   bottom, from(#d70000), to(#679938))"}, 4000/* Your transition MS here, ex. 4000 */);

有关动画方法的详细信息，请点击here.

如果您使用的是较低版本的jQuery（嗯，此方法自1.0.0版本发布，但某些版本可能不支持它），并且animate方法不起作用，那么这是一个替代方案：

$(this).delay(4000).css("background", "-webkit-gradient(linear, left top, left bottom, from(#d70000), to(#679938))");

Answer 2

- passw0rd

我使用-webkit-keyframes和类中的更改解决了这个问题，持续时间为200ms。如果有人有想法，如何直接使用-webkit-keyframes与Jquery，而不转移类，请写下你的答案。另外，我不知道为什么.animate（）dindn工作。如果有人有答案，我会感激不尽

@-webkit-keyframes changeBG {
    0% {
        background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#373737));
}
50% {
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#737373));
}
100% {
    background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#373737));
}

Webkit背景上的Jquery.animate（）

2 个答案: