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