>웹 프론트엔드 >JS 튜토리얼 >JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

WBOY
WBOY원래의
2016-05-16 18:18:211691검색

以前我一直用的那个(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 색상 선택기 플러그인 출시-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 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

2,JQuery插件

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

3,Mootools插件

Moo Rainbow

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

4,Prototype插件

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

JQuery 색상 선택기 플러그인 출시-jquery.icolor.js_jquery

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.