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


Posted in Javascript onOctober 20, 2010

以前我一直用的那个(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
官方地址:http://plugins.jquery.com/project/icolor

示例在这里,http://demo.3water.com/js/icolor/index.html

打包下载地址 https://3water.com/jiaoben/32533.html

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

1,原生JS

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

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

  • jsColor

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

2,JQuery插件

  • Farbtastic color picker plug-in

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

  • Color picker by eyecon.ro

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

  • Normal color picker by www.felecan.com

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

  • jQuery color picker by Syronex

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

3,Mootools插件

Moo Rainbow

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

4,Prototype插件

  • Color picker by John Dyer

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

  • Prototype color picker by Myles Eftos

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

Javascript 相关文章推荐
js表格分页实现代码
Sep 18 Javascript
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
学习vue.js条件渲染
Dec 03 Javascript
layui弹出层效果实现代码
May 19 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
Aug 03 Javascript
js实现计算器功能
Aug 10 Javascript
Javascript技巧之不要用for in语句对数组进行遍历
Oct 20 #Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 #Javascript
理解Javascript_12_执行模型浅析
Oct 18 #Javascript
理解Javascript_11_constructor实现原理
Oct 18 #Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 #Javascript
jQuery Validation实例代码 让验证变得如此容易
Oct 18 #Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 #Javascript
You might like
用php实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
php删除数组元素示例分享
2014/02/17 PHP
PHP使用imagick读取PDF生成png缩略图的两种方法
2014/03/20 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
javascript 学习之旅 (3)
2009/02/05 Javascript
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
加速IE的Javascript document输出的方法
2010/12/02 Javascript
JavaScript声明变量名的语法规则
2015/07/10 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
javascript self对象使用详解
2016/10/18 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
React组件的三种写法总结
2017/01/12 Javascript
Ajax基础知识详解
2017/02/17 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
python3中dict(字典)的使用方法示例
2017/03/22 Python
python去掉 unicode 字符串前面的u方法
2018/10/21 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
python安装后的目录在哪里
2020/06/21 Python
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
本科生求职简历的自我评价
2013/10/21 职场文书
应届生幼儿园求职信
2013/11/12 职场文书
新浪微博实习心得体会
2014/01/27 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
交通事故被告代理词
2015/05/23 职场文书
党支部对转正的意见
2015/06/02 职场文书
运动会广播稿100字
2015/08/19 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers