jquery动态改变背景颜色插件

时间：2023-03-09 18:30:54
jquery动态改变背景颜色插件

GETHUB下载地址

背景颜色用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>

相关文章