Jquery插件Jquery-color

能够使颜色动画的方式渐变

主要参考的http://www.bitstorm.org/jquery/color-animation/

去Github上找也行  不过Github上的例子运行不通...https://github.com/jquery/jquery-color

<!DOCTYPE html>
<html>
    <head>
        <style>
            div {
                background-color: #bada55;
                width: 100px;
                border: 1px solid green;
            }
        </style>
        <script src="jquery-latest.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>
            $("#go").click(function() {
                $("#block").animate({
                 backgroundColor: "#FFFFF"
                 }, 1500 );
                alert('123');
                /*$('#block').animate({
                    backgroundColor : '#E4D8B8'
                });*/
            });

        </script>
    </body>
</html>

 

posted @ 2013-04-16 12:43  cart55free99  阅读(274)  评论(0)  编辑  收藏  举报