jQuery MiniColors一款简单的颜色选择器

jQuery MiniColors一款简单的颜色选择器
 点击预览  点击下载

颜色选择器jQuery MiniColors

使用步骤

实例像任何jQuery插件:

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

默认的设置如下:

  1. $.minicolors = { 
  2.     defaults: { 
  3.         animationSpeed: 50, 
  4.         animationEasing: 'swing'
  5.         change: null
  6.         changeDelay: 0, 
  7.         control: 'hue'
  8.         defaultValue: ''
  9.         hide: null
  10.         hideSpeed: 100, 
  11.         inline: false
  12.         letterCase: 'lowercase'
  13.         opacity: false
  14.         position: 'bottom left'
  15.         show: null
  16.         showSpeed: 100, 
  17.         theme: 'default' 
  18.     } 
  19. }; 

为方便起见,您可以通过分配新值全局更改默认设置:

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

注:更改默认设置将不会影响已经初始化控件。

animationSpeed

当用户点击或点击一个新的颜色滑块的动画速度。设置为 0为没有动画。

animationEasing

缓动动画滑杆时使用。

changeDelay

的时间,以毫秒为单位,推迟了变化,而 用户进行选择的射击事件。这是为了防止有用变化的事件频繁发射作为用户拖动周围的颜色选择器。

缺省值是0(无延迟)。如果你改变的回调功能的东西资源密集型(如AJAX请求),你可能会想将它设置为至少200。

控制

确定控制的种类。有效的选项为色调,亮度, 饱和度,和车轮。

设置defaultValue

要强制默认的颜色,设置为一个有效的十六进制字符串。当用户清除了控制,它会恢复到这种颜色。

hideSpeed&showSpeed

的速度来隐藏和显示的颜色选择器。

内联

设置为真给力拾色器出现内联。

大小写

确定的十六进制代码值的字母大小写。有效选项为大写 或小写。

不透明度

设置为真,使不透明度滑块。(使用输入单元的 数据不透明度属性来设置一个预先设定的值。)

位置

设置下拉列表的位置。有效的选项为bottom left, bottom right, top left, and top right.

转载请注明:代码家园 » jQuery MiniColors一款简单的颜色选择器

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)