国人开发的jquery颜色选择器(取色板)插件

先看效果图

 

再看优点

 

1.界面美观,像flex里的UI取色器
2.目前兼容的浏览器为IE6、IE7、IE8、firefox、chrome
3.可以自定义颜色区域的大小
 

简单使用

 

$("#bn").bigColorpicker("bn");
<input id="bn" type="text">

一、在bigColorpicker展现颜色选择区域小格时有两种实现方式:

  1、是一张背景图片,采用光标定位的方式获取颜色。p(或P)
  2、每个小格就是一个li,获取li的背景颜色。l(或L)
  实现方式的不同,效率有所差异,可以自己在使用时选择,默认是p(或P)。
 
  在一个页面中只有一种方式是生效的,后定义和执行的那种方式生效。
 

二、参数说明:

    $("xxxxx").bigColorpicker(callback,engine);
         callback:可以是undefined(不传参数时)、字符串、函数
  undefined:把选择的颜色设置到绑定bigColorpicker的元素的value上。
  字符串:把选择的颜色设置到id为"字符串"的元素的value上。
  函数:执行传入的函数以实现自定义的获取颜色后的动作。
 engine:可以是undefined、p、L
 

三、如果在可以拖拽的浮层上使用取色板的话,需要额外的做一些事件:

  正常情况下单击取色板以外的地方时取色板是自动隐藏的,但是在拖拽时却不会隐藏。
那么拖拽时有两种处理方式:
1、拖拽开始时自动隐藏取色板(以下代码需要写在拖拽的开始时)       
$(#demo2Text).bigColorpickerHide();  
2、拖拽时取色板的位置随浮层一起移动(以下代码需要写在拖拽的进行时)。
$(#demo2Text).bigColorpickerMove();  
 
官网 http://code.google.com/p/bigcolorpicker/   
作者博客 http://liu400liu.iteye.com/blog/1222383
 
bigcolorpicker 2.2.rar (103.83 K, 下载次数:161, 上传时间:2011-11-26 17:22)

上一篇: SoX音频处理的瑞士军刀   下一篇: 勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏

你问我答

  1. #1 头像 981680772 2011-12-16 15:15:41
    先试试。再评价
  2. #2 头像 981680772 2011-12-16 15:17:48
    好,真的很好,顶+1
  3. #3 头像 lizhaoc 2011-12-30 15:39:49
    试试再说
  4. #4 头像 xiaobeiaj 2012-01-12 12:01:09
    大神。。。。
  5. #5 头像 weiboyuyu3224 2012-02-15 10:31:10
    还没看呢
  6. #6 头像 miss339742811 2012-03-01 18:49:48
    很好vvvvvv
  7. #7 头像 kentang008 2012-03-15 17:17:19
    试试看,好不好用
  8. #8 头像 jpintso 2012-03-22 10:09:19
    试试看!!!!!!!!!
  9. #9 头像 王秀银 2012-05-04 15:01:28
    很好!!!

提交疑问

回顶部