欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jQuery颜色选取器插件COLPICK 有大用 有大大用 有大大大用

下载的附件在本页面


jQuery颜色选取器插件COLPICK

所属分类:输入-拾色器

  106782   81   查看评论 (43)
jQuery颜色选取器插件COLPICKie兼容8

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

非常直观类似 Photoshop 的界面

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

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

截图

用法

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

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

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

html

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

js

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

选项

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

html

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

JS

1
2
3
4
5
$('#picker').colpick({
    flat:true,
    layout:'hex',
    submit:0
});
相关插件-拾色器

colpicker颜色拾取插件

colpicker颜色拾取插件,提供3种模式选择,兼容性好。
  拾色器
 3108   31

WEB颜色选择器

WEB颜色选择器可以基于网页格式选择颜色色值的方法.
  拾色器
 21108   81

适合移动设备的小巧jQuery颜色拾取器

tinyColPicker是一款适合移动设备的小巧jQuery颜色拾取器。该jQuery颜色拾取器以移动手机为优先对象,它具有速度快、可扩展、高度灵活和可插拔等特点。该jQuery颜色拾取器大小仅4.7K,纯js,不需要图片和css代码。它基于cols.js制作而成,支持所有现代特性,如触摸屏和MS pointer。它使用GPU加速,使用requestanimationframe函数时电池工作时间更长
  拾色器
 12654   46
  拾色器
 7193   24

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

    熟悉的陌生人
    2019/4/19 11:15:23
  • 文档在哪呢?我没找到啊 另外那个onSubmit事件是怎么触发的

  • 回复

    hardworking
    2019/3/29 16:42:45
  • 初始化后不可以编辑颜色值,怎么办?

      • hardworking
        2019/3/29 21:18:43
      • 模态框中不要写tabindex即可


来自  http://www.jq22.com/jquery-info367

普通分类: