首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
js跑马灯代码(自写)
Apr 17 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
May 10 Javascript
MVVM 双向绑定的实现代码
Jun 21 Javascript
微信小程序获取地理位置及经纬度授权代码实例
Sep 18 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
Nov 01 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
YB217(1) 直流胆(1) YB400(2) 德生(17) PL-365(1) YB235(1) 1 Tube Radio(1) 东方红(1) TECSUN(1) 再生机(1)
You might like
php目录管理函数小结
2008/09/10 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
Javascript控制页面链接在新窗口打开具体方法
2013/08/16 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
js面向对象编程总结
2017/02/16 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
Python datetime时间格式化去掉前导0
2014/07/31 Python
Python and、or以及and-or语法总结
2015/04/14 Python
python中私有函数调用方法解密
2016/04/29 Python
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
python shell根据ip获取主机名代码示例
2017/11/25 Python
解决python3 安装不了PIL的问题
2019/08/16 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
python实现逻辑回归的示例
2020/10/09 Python
英国现代家具和照明购物网站：Heal’s
2019/10/30 全球购物
在阿尔卑斯山或希腊度过快乐假期：Alpine Elements
2019/12/28 全球购物
国际语言毕业生求职信
2014/07/08 职场文书
旅游项目合作意向书
2015/05/08 职场文书