Question

我记得一年前看过这个，并且有一些插件和一个jquery ui方法，但总是值得问一下 - 有什么变化？

什么是最有效/轻量级的方法/插件，用于在悬停时淡化背景颜色？

Answer 1

“正确”的方式是使用浏览器内置的CSS转换：

    #test {
      background-color: red;
        transition: background-color 1s;
        -webkit-transition: background-color 1s;
        -moz-transition: background-color 1s;
        -o-transition: background-color 1s;
    }
    #test:hover {
        background-color: blue;
    }

Webkit浏览器中的当前支持（AFAIK），Opera 10.5和Firefox 4。

有一个小的jQuery插件，它为其他浏览器增加了支持：http://weston.ruter.net/projects/jquery-css-transitions/（但是它已经超过一年没有更新了，我自己没有使用过它）

Answer 2

我会说答案没有改变，仍然是jQuery color plugin，除非你已经包含jQuery UI，在这种情况下你不再需要插件了。该插件是完全未压缩的3.6kb，一旦gzip（<1.45kb，甚至没有缩小），漂亮小。

Answer 3

$（文件）。就绪（函数（） { $（“div：first”）。mouseover（function（）{ $（this）.fadeTo（“slow”，0.33）; }）; $（“div：first”）。mouseout（function（）{ $（this）.fadeTo（“slow”，1）; }）; }）;

使用jquery 1.4+在悬停时进行背景颜色更改的最有效方法？

3 个答案: