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

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>

使用声明

1. 本站所有素材（未指定商用），仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后，只拥有使用权，著作权归原作者及17素材网所有。
3. 原创商用和VIP素材，未经合法授权，请勿用于商业用途，会员不得以任何形式发布、传播、复制、转售该素材，否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途，织梦系统商业用途请预先授权。

查看演示下载资源

171 6430 19