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>