Home > Web Front-end > JS Tutorial > JQuery color picker plug-in released-jquery.icolor.js_jquery

JQuery color picker plug-in released-jquery.icolor.js_jquery

WBOY
Release: 2016-05-16 18:18:21
Original
1685 people have browsed it

以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 google了N下,结果没找到现成的jquery拾色器插件很好的支持以下功能:

简单易用,仅显示常用的那些色块给用户选择,另外提供一个输入框方便用户输入自定义的色值
于是我写了icolor这个插件,除了支持上面的要求,还有别的一些特性如下:
1,默认提供的色值为“常用的浏览器安全的色值”。相当于整合了下面最后一个prototype版本的颜色拾取器。关于浏览器安全色值,可参考维基文档http://en.wikipedia.org/wiki/Web_colors
2,用户可以自定义常用色值。相当于整合了下面图片中的第7个颜色选择器。
3,用户可根据需要设置是否显示颜色输入框、确认按钮
4,inline模式和popup模式。
5,轻量级、符合xhtml、css2标准。大小只5KB。样式与行为分离。

一,jquery.icolor插件示例
JQuery color picker plug-in released-jquery.icolor.js_jquery
官方地址:http://plugins.jquery.com/project/icolor

示例在这里,http://demo.jb51.net/js/icolor/index.html

打包下载地址 http://www.jb51.net/jiaoben/32533.html

二,网上流行的颜色拾取器JS组件

1,原生JS

JQuery color picker plug-in released-jquery.icolor.js_jquery

JQuery color picker plug-in released-jquery.icolor.js_jquery

2,JQuery插件

JQuery color picker plug-in released-jquery.icolor.js_jquery

JQuery color picker plug-in released-jquery.icolor.js_jquery

JQuery color picker plug-in released-jquery.icolor.js_jquery

JQuery color picker plug-in released-jquery.icolor.js_jquery

3,Mootools插件

Moo Rainbow

JQuery color picker plug-in released-jquery.icolor.js_jquery

4,Prototype插件

JQuery color picker plug-in released-jquery.icolor.js_jquery

JQuery color picker plug-in released-jquery.icolor.js_jquery

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template