jQuery色系颜色名称选择插件,通过点击文本框弹出选择颜色名称菜单选中赋值效果代码。
使用方法:
<script>
new SelectColor({
elem: ".select-color",
range: "|",
});
/***
*
* params:
* elem -> 元素[input],默认参数.select-color
* range -> 分隔符,默认参数"|"
* data -> 颜色数据(参数格式同下colorData),默认为9大色系
* left -> 向左偏移量,默认为0
* index -> 默认打开色系,默认为 0
*
* data数据格式
var colorData = [{
colorName: "白色系",
colorNum: "rgb(255, 255, 255)",
colorList: [{
colorName: "乳白色",
colorNum: "rgb(255, 251, 240)"
}, {
colorName: "白色",
colorNum: "rgb(255, 255, 2255)"
}, {
colorName: "米白色",
colorNum: "rgb(238, 222, 176)"
}]
}];
*/
</script>