久久资源网

精美的在线颜色选择器代码

精美的在线颜色选择器代码

2019-06-18 11:36:36 其它特效

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

精美的在线颜色选择器代码

js封装实现的颜色选择器插件,简单好用。点击色块打开颜色板,支持rgb颜色表选择和默认色块选择功能。点击确定或取消当前选中颜色的选择器效果。

使用方法

body引入部分

<div id="colorpicker"></div>

<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>

资源出处:https://www.moyublog.com/codes/187.html

关注微信