colPicker颜色选择插件

所属分类： JQ特效输入拾色器

查看演示立即下载

插件描述：仙女座颜色选择器，rgba hex hsla 三种色彩格式，支持自定义输入，支持历史颜色

更新时间：2021-01-11 01:14:04

功能说明

漂亮的颜色选择器支持

rgba hex hsla 三种色彩格式
支持自定义输入
支持历史颜色

使用步骤

下载代码

将src目录放置您的项目中

引用js文件，例如：

1	`<script` `src="fcolorpicker.js"></script>`

初始化选择器

var fcolorpicker = new FColorPicker({
        color: "#ff0000", 
        selector: "#colorpicker",
        onError: function (e) {
        },
        onCancel:function(color){
            console.log("cancel",color)
        },
        onChange:function(color){
            console.log("change",color)
        },
        onConfirm:function(color){
            console.log("confirm",color)
        }
    })

选择器配置项

{
        color:"#ff0000",//初始颜色，只能是rgba hex hsla，不能是red，green等单词哦
        selector: "#colorpicker",
        showprecolor: true,//显示预制颜色
        prevcolors: [],//预制颜色，有默认
        showhistorycolor: true,//显示历史
        historycolornum: 16,//历史条数
        format: 'hsla',//rgba hex hsla
        showPalette:true,//显示色盘
        show:true, //初始化显示
        lang:'cn',// cn 、en
        onError: function (e) {},//错误回调
        onCancel:function(color){
            console.log("cancel",color)
        },//取消选择
        onChange:function(color){
            console.log("change",color)
        },//修改颜色
        onConfirm:function(color){
            console.log("confirm",color)
        }//选择确认
    }

方法

销毁实例

1	`fcolorpicker.destroy()`

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：简易markdown文本编辑器
下一个特效： jQuery bootstraps响应式后台管理模板