软件开发培训班 >> 编程开发 >> JavaScript


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

　　本文标签：JQuery,拾色器

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

官方地址：http://plugins.jquery.com/project/icolor

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

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

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

1，原生JS

  • DHTML color picker from Free-color-picker.com

  • jsColor

2，JQuery插件

  • Farbtastic color picker plug-in

  • Color picker by eyecon.ro

  • Normal color picker by www.felecan.com

  • jQuery color picker by Syronex

3，Mootools插件

Moo Rainbow

4，Prototype插件

  • Color picker by John Dyer

  • Prototype color picker by Myles Eftos