MiniColors2.1版jQuery颜色选择器使用方法。MiniColors可以依赖于Bootstrup,也可以单独使用。下载压缩包中有单独使用MiniColors的例子。

调用方法

$('INPUT.minicolors').minicolors(settings);
                

默认的参数设置如下:

$.minicolors = {
    defaults: {
        animationSpeed: 50,
        animationEasing: 'swing',
        change: null,
        changeDelay: 0,
        control: 'hue',
        defaultValue: '',
        hide: null,
        hideSpeed: 100,
        inline: false,
        letterCase: 'lowercase',
        opacity: false,
        position: 'bottom left',
        show: null,
        showSpeed: 100,
        theme: 'default'
    }
};
                

为方便起见,你可以更改默认全局设置。

$.minicolors.defaults.changeDelay = 200;
                

一次性改变多个参数要使用$.extend():

$.minicolors.defaults = $.extend($.minicolors.defaults, {
    changeDelay: 200,
    letterCase: 'uppercase',
    theme: 'bootstrap'
});
                

更多详细信息请参考:http://labs.abeautifulsite.net/jquery-minicolors/