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 localStorage实现本地缓存的方法
Jun 22 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
AngularJS select设置默认值的实现方法
Aug 25 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
Mar 28 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
PHP学习笔记之一
2011/01/17 PHP
PHP异步调用socket实现代码
2012/01/12 PHP
PHP缓存技术的多种方法小结
2012/08/14 PHP
php中ob函数缓冲机制深入理解
2015/08/03 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
js 加载并解析XML字符串的代码
2009/12/13 Javascript
javascript限制文本框输入值类型的方法
2015/05/07 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
python学习笔记:字典的使用示例详解
2014/06/13 Python
python查看微信好友是否删除自己
2016/12/19 Python
Python如何实现MySQL实例初始化详解
2017/11/06 Python
python爬虫爬取网页表格数据
2018/03/07 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
python 实现字符串下标的输出功能
2020/02/13 Python
python关于变量名的基础知识点
2020/03/03 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
俄罗斯马克西多姆家居用品网上商店:Максидом
2020/02/06 全球购物
广州某公司软件工程师面试题
2014/12/22 面试题
2014年公司庆元旦活动方案
2014/03/05 职场文书
119消防日活动总结
2014/08/29 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
服装店员工管理制度
2015/08/07 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
浅谈Redis 中的过期删除策略和内存淘汰机制
2022/04/03 Redis