Heim > Web-Frontend > js-Tutorial > JQuery 拾色器插件发布-jquery.icolor.js_jquery

JQuery 拾色器插件发布-jquery.icolor.js_jquery

WBOY
Freigeben: 2016-05-16 18:18:21
Original
1685 Leute haben es durchsucht

以前我一直用的那个(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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage