注册 登录 充值会员 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

JS网页背景颜色选择器插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-07-20
JS网页背景颜色选择器插件
JS网页背景颜色选择器插件是一款在线选取颜色的代码,点击色块打开颜色板,可以选择颜色及透明度。


js代码

<script type="text/javascript" src="js/ewPlugins.min.js"></script>
<script type="text/javascript">
var colorPicker = new ewPlugins('colorpicker', {
	el: "#colorpicker",
	alpha: true,//是否开启透明度
	size: 'small',//颜色box类型
	predefineColor: ['#223456', 'rgba(122,35,77,.5)','rgba(255,255,255,1)'],//预定义颜色
	disabled: false,//是否禁止打开颜色选择器
	openPickerAni: 'opacity',//打开颜色选择器动画
	sure: function (color) {
		document.body.style.background = color;
	},//点击确认按钮事件回调
	clear: function () {
		document.body.style.background = this.defaultColor;
	}//点击清空按钮事件回调
})
</script>