多语言展示
当前在线:1986今日阅读:26今日分享:39

JQuery常用插件大全(4)cxColor 颜色选择器

cxColor 是基于 jQuery 的颜色选择器插件,输出值为 HEX 格式的颜色值。    本经验分享如何使用  jQuery  cxColor 颜色选择器。
工具/原料
1

笔记本电脑或是台式机

2

互联网

3

谷歌浏览器等

方法/步骤
1

访问 jQuery  cxColor官方网站,下载 jQuery  cxColor 颜色选择器最新版。

2

解压 jQuery  cxColor 颜色选择器文件,将jquery.cxcolor.css、jquery.cxcolor.js等所需文件拷贝进项目工程目录。(1)载入 CSS 文件(2)载入 JavaScript 文件 (3)调用 cxColor$('#element_id').cxColor();

3

参数说明与API接口,如下图所示。

4

新建index.html 文件cxColor 颜色选择器

jQuery cxColor 颜色选择器

示例

默认  
在参数中设置默认值
在 value 中有默认值
API 示例

标题:

文档

作者

http://ciaoca.com/

Released under the MIT license

5

本案例运行效果,如下图所示。

6

默认效果,如下图所示。

8

在 value 中有默认值,如下图所示。

9

API 示例,如下图所示。

注意事项
1

该插件依赖于JQuery,需要引入JQuery

2

该插件的部分功能已经被HTML5 所取代

推荐信息