js 颜色选择插件

2024-03-01 19:14:02 452

COLPICK是一款非常的轻小,无需图片就可以实现颜色选择器的jquery插件，只用JS和CSS就实现了全部功能，而且非常直观，类似Photoshop的界面，使用方便。颜色的明暗很容易自定义，整个整个都是用html5+CSS3实现外观而，插件只有28KB，浏览器加载速度可以说是非常快的，而在低于IE9的版本也可以使用，只需载入了支持html5的html5shiv.js.

下载该插件和colpick.js和colpick.css添加到您的文档的头：

<scriptsrc="js/colpick.js"type="text/javascript"></script>
<linkrel="stylesheet"href="css/colpick.css"type="text/css"/>

html

<buttonid="picker">ShowColorPicker</button>

$('#colorSelector').colpick({
flat:true,
layout:'full',
submit:true,
width:500,
colorScheme:'dark',
color:"#bbbbbb",
onChange:function(hsb,hex,rgb,el,bySetColor){
},onSubmit:function(hsb,hex,rgb,el){
//处理你的业务需求
}
}).keyup(function(){
$(this).colpickSetColor(this.value);
}).colpickSetColor("传入一个默认的颜色");

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！

js 颜色选择插件

热门推荐

随机推荐