使这个jquery颜色变换器动态化

时间:2014-03-25 20:28:26

标签: javascript jquery css cookies color-picker

我想让这个换色器动态,所以它可以在很多元素上使用,而不是每次都重复这一大块代码,我尝试了一些东西,但我真的迷失了,这就是我的开始:

<script>
$(document).ready(function(){
                var col = '000000';

                function updateCookieInfo(c){

                    $(".colorSelector div").css("background-color", "#" + c);
                    $("body").css("background-color", "#" + c);
                }

                if(typeof $.cookie('color') != 'undefined'){
                    col = $.cookie('color');
                    updateCookieInfo(col);
                }

                $('.colorSelector').ColorPicker({
                    color: col,
                    onShow: function (colpkr) {
                        $(colpkr).fadeIn(500);
                        return false;
                    },
                    onHide: function (colpkr) {
                        $(colpkr).fadeOut(500);
                        $.cookie('color', col, { expires: 7 });
                        updateCookieInfo(col);
                        return false;
                    },
                    onChange: function (hsb, hex, rgb) {
                        col = hex;
                        $('body').css('backgroundColor', '#' + hex);
                        $(".colorSelector div").css("background-color", "#" + c);
                    }
                });

            });
</script>

0 个答案:

没有答案