Jquery addClass / removeClass动画不能在后台运行吗？

Question

我正在尝试用Jquery在更改类时制作流畅的动画。

但它只适用于文本颜色，而不适用于背景。

有关详细信息，请查看以下内容:(：

http://jsbin.com/upufut

Answer 1

这只是一个库的版本问题。

您的jsbin显示jQuery 1.3.2和jQuery UI 1.7.2。

在此jsfiddle (使用jq 1.3.2和jqui 1.7.2)中，它不能正常工作()。

在这个other one中，这两个库的最新版本，it works。

jQuery 1.3.2是更传统的版本，你不应该再使用它了，除非你没有选择的余地，但是你应该预料到一些(过度的)东西不能工作。

渐变动画

查看jQuery UI中的文档，它们似乎不支持重载的.animate()上的渐变来设置颜色动画(doc)。我猜它只适用于纯色。

jQuery UI effects核心

扩展了动画功能，使其也能够对颜色进行动画处理。它被类转换特性大量使用，并且能够对以下属性进行色彩动画处理：

• backgroundColor
• borderBottomColor
• borderLeftColor
• borderRightColor
• borderTopColor
• color
• outlineColor

使用以下组合之一：

• 十六进制(#FF0000)
• rgb (rgb(255,255,255))
• names (“”)

另一方面，CSS过渡在任何浏览器中都不处理渐变。不过，有几种解决方法：

• css transition with linear gradient (第二个答案-不是公认的答案-提出了一个带有额外元素和转换不透明度的解决方案，适用于Chrome和FF)
• Webkit support for gradient transitions

你提到的关于YouTube按钮的一个词。

对我来说，渐变不是动画，因为它们使用CSS过渡。下面是我是如何测试的：

在一个按钮上点击“youtube.

• "Inspect element”(铬)，进入

1. 的视频页面，打开控制台。在CSS类中选择element.
2. Looking。at uix- <button>，将[-*-]transition: all 0.218s;更改为“1s”
3. 将渐变的颜色之一更改为绿色对于at按钮，所有属性都是动画的，但不是渐变。

我的观点是，边框的动画(等)给人的印象是渐变是动画的，但事实并非如此。

Answer 2

我不明白你为什么使用javascript:$(this).removeClass("hoverf",1000)，removeClass的第二个参数是用来做什么的？我没有发现任何问题，它只是在chrome中工作得很好。