精美的在線顏色選擇器代碼

js封裝實(shí)現(xiàn)的顏色選擇器插件，簡(jiǎn)單好用。點(diǎn)擊色塊打開顏色板，支持rgb顏色表選擇和默認(rèn)色塊選擇功能。點(diǎn)擊確定或取消當(dāng)前選中顏色的選擇器效果。

使用方法：

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)'],//預(yù)定義顏色
	disabled: false,//是否禁止打開顏色選擇器
	openPickerAni: 'opacity',//打開顏色選擇器動(dòng)畫
	sure: function (color) {
		document.body.style.background = color;
	},//點(diǎn)擊確認(rèn)按鈕事件回調(diào)
	clear: function () {
		document.body.style.background = this.defaultColor;
	}//點(diǎn)擊清空按鈕事件回調(diào)
})
</script>

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請(qǐng)勿用于商業(yè)用途，會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途，織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。

查看演示下載資源

171 7052 19