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 相关文章推荐
jQuery的强大选择器小结
Dec 27 Javascript
js之onload事件的一点使用心得
Aug 14 Javascript
js遍历子节点子元素附属性及方法
Aug 19 Javascript
javascript日期格式化方法汇总
Oct 04 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
jQuery插件版本冲突的处理方法分析
Jan 16 Javascript
整理关于Bootstrap排版的慕课笔记
Mar 29 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
Apr 22 Javascript
js实现文件上传功能 后台使用MultipartFile
Sep 08 Javascript
vue实现数据控制视图的原理解析
Jan 07 Javascript
webpack4从0搭建组件库的实现
Nov 29 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
2021年最新CPU天梯图
2021/03/04 数码科技
PHP传值到不同页面的三种常见方式及php和html之间传值问题
2015/11/19 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
向JavaScript的数组中添加元素的方法小结
2015/10/24 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
2016/05/17 Javascript
javascript事件模型介绍
2016/05/31 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
python实现TF-IDF算法解析
2018/01/02 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
python实现随机漫步算法
2018/08/27 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
python二元表达式用法
2019/12/04 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
《老王》教学反思
2014/02/23 职场文书
《金钱的魔力》教学反思
2014/02/24 职场文书
高校教师岗位职责
2014/03/18 职场文书
毕业生找工作自荐书
2014/06/30 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
部队个人年终总结
2015/03/02 职场文书