jquery.color.js_支持颜色动画处理的jQuery插件

jquery.color.js

GitHub:https://github.com/jquery/jquery-color

网站描述:支持颜色动画处理的jQuery插件

GitHub

jquery本身不支持变色，Jquery Color.js弥补了这缺陷并为animate动画赋予变色效果

例子：

<!DOCTYPE html>
<html>
<head>
<style>
div {
	background-color: #bada55;
	width: 100px;
	border: 1px solid green;
}
</style>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="jquery.color.min.js"></script>
</head>
<body>
<button id="go">Simple</button>
<button id="sat">Desaturate</button>
<div id="block">Hello!</div>
<script>
jQuery("#go").click(function(){
	jQuery("#block").animate({
		backgroundColor: "#abcdef"
	}, 1500 );
});
jQuery("#sat").click(function(){
	jQuery("#block").animate({
		backgroundColor: jQuery.Color({ saturation: 0 })
	}, 1500 );
});
</script>
</body>
</html>

支持的其他属性如下

backgroundColor, borderBottomColor, borderLeftColor, borderRightColor, borderTopColor, color, columnRuleColor, outlineColor, textDecorationColor, textEmphasisColor

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1722