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

时间: 2024-09-19 08:16:46

JQuery 拾色器插件发布-jquery.icolor.js_jquery的相关文章

代码-拾色器 不使用jquery能实现么?

问题描述 拾色器 不使用jquery能实现么? 有没有什么程序或者是代码可以实现拾色器的功能是在不使用jquery的前提下实现的? 解决方案 http://www.chinaz.com/free/2011/1207/225072.shtml 解决方案二: jquery拾色器---------------------- 解决方案三: http://www.chinaz.com/free/2011/1207/225072.shtml 解决方案四: 当然可以,自己写js实现就可以了

jQuery soColorPacker 网页拾色器_jquery

未采用生僻的jquery特性,能兼容jquery1.2.6以上所有版本 实例预览 引入文件 <link type="text/css" rel="stylesheet" media="all" href="soColorPacker/css/style.css" /> <script type="text/javascript" src="jquery1.8.0.min.js&q

jquery表单验证插件(jquery.validate.js)的3种使用方式

这篇文章主要介绍了jquery表单验证插件(jquery.validate.js)的3种使用方式,本文用详细的代码实例讲解jquery表单验证插件的使用,需要的朋友可以参考下     jquery 验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery 插件和 jquery 验证插件: 第一步:引入插件 代码如下: <script type="text/javascript" src="js/jquery-1.6.1.min.js

jquery表单验证插件(jquery.validate.js)的3种使用方式_jquery

jquery  验证非常简单,下面总结常用的三种方式: 第一种方式:也是比较标准的方式: 首先引入jquery  插件和 jquery 验证插件: 第一步:引入插件 复制代码 代码如下: <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jq

原生js编写的安全色拾色器

<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #abc-colorPicker .colorPick-close,#filter-colorPicker .colo

拍照知道颜色 《RealHex拾色器》试用评测

<RealHex拾色器>是一款助手类工具,它能准确识别出各种颜色的具体参数,方便用户使用,神奇的是,它拾取颜色的方法就是靠手机的摄像头.通常设计师对色彩具有极高的敏感度,看一眼就能知道大概的色彩范围,但是对于非专业人士来说,想说出准确的色号还真有点困难,而<RealHex拾色器>正好帮助大家解决了这个难题.操作方法:<RealHex拾色器>功能极其单一,进入应用后,只要将手机对准要识别的物体即可,屏幕上会显示最为接近的色彩,此时点击左下角的拾取键或者直接点击一下屏幕,色

jQuery UI v1.8.10发布 jQuery的页面UI插件

jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) .拉帘效果(本站首页左上角).对话框.拖放效果.日期选择.颜色选择.数据排序.窗体大小调整等等非常多的内容.jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built

js防photoshop风格拾色器代码

提示:您可以先修改部分代码再运行 简单的仿Photoshop的颜色设置器     背景颜色     文本颜色

js 经典window风格的拾色器代码

简单的仿window的颜色设置器     背景颜色     文本颜色