迷你型jQuery颜色选择器插件

颜色选择器 2014-11-07

控件介绍
MiniColors是一款体积很小的迷你型jQuery颜色选择器插件。MiniColors颜色选择器可以和bootstrup3.0很好的结合使用,也可以只使用jQuery来单独使用。
浏览器兼容

支持IE9+

演示下载 668
使用方法

调用方法

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

默认的参数设置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$.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'
    }
};

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

1
$.minicolors.defaults.changeDelay = 200;

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

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

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

本文转载请注明出处:http://www.zhuiye.com/detail_56.html