JQ/JS 调色器,时时调整网页背景颜色
发布网友
发布时间：2022-04-26 19:11
共1个回答
热心网友
时间：2022-04-23 07:56
百度搜索 jquery colorpicker插件
在实例中
<div id="colorSelector"><div style="background-color: rgb(14, 14, 201);"></div></div>.......
加载jQuery 以及插件
<script>
$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div').css('backgroundColor', '#' + hex);
//这里获取到获取颜色值 赋值给body作为背景色
$("body").css("background-color","#"+hex);
}
});
</script>
