jquery - 如何使用 jQuery 淡出背景颜色？

Question

目前大家都在谈论两种解决方案:

1. jQuery UI 插件 --> 不可行，因为它占用了太多空间
2. jQuery Color (http://api.jquery.com/animate/) --> 不可行，因为我实际上无法获取要下载的插件的链接

所以我的问题是，我可以使用什么最小的插件来实现 jQuery v1.7.2 的这种效果？

Answer 1

您可以获得jQuery Color来自 GitHub 存储库的插件。

span.value {
  background-color: #0f0;
}

$("span.value").animate({
  backgroundColor: "transparent"
}, 'slow');

See a live example using jQuery Color.

<小时/>

您还可以使用CSS3 transitions .

span.value {
  background-color: #0f0;
  -o-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.fade {
  background-color: transparent;
}

$("span.value").toggleClass("fade");

See a live example using CSS· transitions.