使用jQuery.color插件后可以实现某个元素的颜色渐变的效果,使用方法跟jQuery的animate基本相同。
使用方法:
1、下载jquery.color.js,下载地址https://github.com/jquery/jquery-color
2、页面中引用jquery和jquery.color。
3、使用方法相当简单,使用示例:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.color.js"></script>
<div id="test" style="background-color: #00ffff">Test string</div>
<script type="text/javascript">
var $div = $("#test").animate({"background-color": 'transparent'}, 1400);
</script>