jquery - 在 :hover 上使用 jQuery fadeIn 效果插件获取链接

Question

我正在创建链接，它们的背景在鼠标悬停时发生变化，很容易使用 CSS 来实现，但我希望原始背景的淡出效果缓慢显示悬停。我想使用 jQuery 插件使这种淡入/淡出效果适用于具有某些类的链接。

我想要的只是.CLASS:hover在悬停时淡入或.CLASS淡出显示.CLASS:hover缓慢...而不更改为不同的类，其中一个用于原始背景，另一个用于悬停。

Answer 1

你可以用CSS3-Transitions. 支持很棒（所有现代浏览器，甚至 IE）

#foo {background:red; @include transition(background 1s)}
#foo:hover {background:yellow}

纯 CSS：

#foo {
background:red;
-webkit-transition:background 1s;
-moz-transition:background 1s;
-o-transition:background 1s;
transition:background 1s
}

#foo:hover {background:yellow}

Answer 2

你可以用css3做到这一点

.CLASS{
    background: <put the color here>;
    transition: background 0.5 ease;
}
.CLASS:hover{
    background: <put the other color here>;
}