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>