jQuery颜色选取器插件COLPICK

所属分类:输入-拾色器

 28315  24  查看评论 (16)
jQuery颜色选取器插件COLPICK ie兼容8

没有图像 !只是 JS 和 CSS 文件

非常直观类似 Photoshop 的界面

光明和黑暗很容易自定义 CSS3 外观

28 KB 总由浏览器加载看起来不错甚至在 IE7及工程非常容易实现


截图

title="jq22.com.jpg"/>


用法

下载该插件和 colpick.js 和 colpick.css 添加到您的文档的头:

<script src="js/colpick.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/colpick.css" type="text/css"/>


现在你可能会在任何 jQuery 对象来创建一个颜色选取器上调用colpick方法。默认情况下您获取下拉列表颜色选择器:

html

<button id="picker">Show Color Picker</button>

js

$('#picker').colpick();


选项

传递给 colpick 函数作为对象的几个选项允许您自定义颜色选择器。例如,传递flat:true使颜色选取器总是可见的如下面的示例。

html

<div id="picker"></div>

JS

$('#picker').colpick({
    flat:true,
    layout:'hex',
    submit:0
});

相关插件-拾色器

jQuery颜色选取器插件Farbtastic

Farbtastic 是jQuery插件,可以将一个或多个颜色选取器窗口小部件添加到页面通过 JavaScript
  拾色器
 9688  7

网页颜色选择插件-COLORPICKER

Color Picker 是一款能够让我们像在photoshop里面选择颜色一样在网页中选择颜色的Jquery插件。
  拾色器
 11287  13

jquery颜色选择插件Spectrum

jquery颜色选择插件Spectrum
  拾色器
 2404  13

颜色选择器jQuery MiniColors

颜色选择器jQuery MiniColors
  拾色器
 17538  23

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币

    溪山行旅0
    2016/11/7 9:11:41
    一点右边的内容直接框掉了咋回事呢 回复
    鸡蛋拉肠0
    2016/11/1 14:11:20
    默认颜色如何动态变化 回复
    晨曦0
    2016/8/12 10:08:37
    完全不会用,加上了但是无法变色 回复
    wesleyzhang0
    2016/6/14 11:06:21
    Striver0
    2016/3/25 12:03:44
    希望压缩包里可以添加实例 回复
    莫语210
    2016/1/27 14:01:52
     怎么修改拾色器默认颜色
        microsoftvs0
        2016/1/27 15:01:02

        colpick.js中

        color: '3289c7',
    回复
    苏晓慧0
    2016/1/20 13:01:13

    为什么有时候选取不了颜色,点击颜色面板没反应???

    回复
    小薏33330
    2015/10/8 14:10:05

    怎么修改加载时默认颜色

    回复
    小马3
    2015/8/26 10:08:27

    一开始放到自己的站点上,也用不了,然后控制台看到是340行报错。

    这里用了一个on来绑定事情,所以就想到了,这可能是jQuery版本的问题,自己用的是比较旧的版本:1.6.3,查了一下,这个版本是还没有on方法的(大概是再1.8开始添加的,来替代原来的live等方法,具体请自查)。

    接着换了一个1.8.3版本的(本人一般用这个版本,不过要注意的是从1.9开始时废弃了一些方法的)jQuery,这回没有报错,但点击后还是没有看到取色器,呃。。。原来是被挡住了,自己改一下z-index吧,没问题了!

    回复
    ZHONG、晓0
    2015/7/18 10:07:35
    为什么我也用不了。。。 回复
取消回复
    PROMULGATOR

    hacker

    火星