位置:首页 » 教程 » JQuery 拾色器插件发布-jquery.icolor.js

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

日期:2011-10-01 阅读:0num
Advertisement

以前我一直用的那个(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.jb51.net/js/icolor/index.html

打包下载地址 http://www.jb51.net/jiaoben/32533.html

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

1,原生JS

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

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

2,JQuery插件

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

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

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

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

3,Mootools插件

Moo Rainbow

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

4,Prototype插件

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

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

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

    以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 google了N下,结果没找到现成的jquery拾色器插件很好的支持以下功能: 简单易用,仅显示常用的那些色块给用户选择,另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件,除了支持上面的要求,还有别的一些特性如下: 1,默认提供的色值为"常用的浏览器安全的色值".相当于整合了下面最后一个prototype版本的颜色拾取器.关于浏览器安全色值,可参考维基文档http://en

  • jQuery soColorPacker 网页拾色器

    未采用生僻的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 media播放器插件怎么设置预览图片

    jquery media播放器插件如何设置预览图片 就是在播放之前如果显示一个图片 网上查了下有下面的设置,好像没有设置的参数.优酷好像是显示视频开始3秒时的内容,不知道这个插件能不能显示预览图片 全局设置 以下为引用内容: $.fn.media.defaults = { preferMeta: 1, // 如果为true, 则标记的meta值优先于脚本对象 autoplay: 0, // 标准化的跨播放器设置 bgColor: '#ffffff', // 背景颜色 params: {}, //

  • 搬动优先的实用jQuery颜色拾取器插件 搬动优先的实用jQuery颜色拾取器插件

    移动优先的实用jQuery颜色拾取器插件 tinyColorPicker是一款适合移动设备的小巧jQuery颜色拾取器.该jQuery颜色拾取器以移动手机为优先对象,它具有速度快.可扩展.高度灵活和可插拔等特点.该jQuery插件大小仅4.7K,纯js,不需要图片和css代码. 它基于colors.js制作而成,支持所有现代特性,如触摸屏和MS pointer.它使用GPU加速,使用requestanimationframe函数时电池工作时间更长(现代的桌面浏览器提供了requestanimat

  • iOS软件iWheelColor:装在口袋里的拾色器 iOS软件iWheelColor:装在口袋里的拾色器

    颜色代码对于程序员和网页设计师来说非常重要,但如果不是在电脑旁,那么多的颜色代码一定不好记,也不容易查看效果.所以就有贴心的国外开发商推出了一款名为iWheelColor的辅助软件. iWheelColor 点击进入下载界面 iWheelColor iWheelColor是一款拾色器软件,它可以让平面设计师.程序员和网页设计师等工作者非常直观和正确的找到颜色组合.我们在软件的主界面上可 以看到一个色彩轮,可以随意用手去触摸滑动或是改变.iWheelColor既支持2种颜色的互补,也支持三个颜色的

  • JavaScript奇效实例012-网页拾色器

    JavaScript特效实例012-网页拾色器 实例012 网页拾色器 实例说明 在网站中经常需要用户自定义颜色来显示某些信息.这可以在网页添加一个拾色器来实现. 技术要点 在本实例中仅使用216种浏览器安全的颜色,即所谓的Netscape色块.这216种颜色分别代表0.51.102.153.204这5个颜色值以及每一种原色(即红.绿.蓝).这些十进制数值对应的十六进制数分别为0x00.0x33.0x66.0x99.0xCC和0xFF.在HTML的颜色属性中黑色是#000000,纯红色是#FF0

  • jquery事件机制扩充插件,jquery鼠标右键事件 jquery事件机制扩充插件,jquery鼠标右键事件

    jquery事件机制扩展插件,jquery鼠标右键事件. 因为最近技术长进缓慢,也没高手带,只能靠自己了,所以想仿个WEBQQ来锻炼下自己.做之前最好先把必要的东西准备好.jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等.但是却少了一个做事件.就是鼠标右击事件.当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数.造成鼠标右击事件的效果. 但是这不是我想要的,我想要的似乎这个事件可以跟其它事件比如单击事件一样.可以被方便的使用,而不需要每次都去判断

  • JS实现的网页上的颜色拾色器

    使用Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想使用某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较方便. 颜色拾色器 红 绿 蓝 灰 用鼠标单击下面的颜色块,将弹出颜色值 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 用纯js打造拾色器无法实现循环点击onclick

    用纯js制作拾色器无法实现循环点击onclick 网上是有很多拾色器代码,但是我是新手,想用纯js制作拾色器,代码如下. 问题是我如果一个一个触发onclick事件内容输出没有问题,但是假如for语句,就提示undefined <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #container{

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

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

  • Linux下拾色器:功能强大的gpick Linux下拾色器:功能强大的gpick

    以往在 Linux 下要拾个颜色啥的我一直用 gcolor2 应付着.不过话说回来,gcolor2 的功能实在有些弱.现在有了功能更加强大的 gpick,gcolor2 可以正式"下岗"咯. 且让我们来看看 gpick 有些啥好功能: 在放大的屏幕区域中,按空格键即可快速取色: 为拾取的颜色自动命名: 能够将拾取的颜色以不同格式拷贝到剪贴板,目前包括十六进制.RGB 及 HSL: 可以将拾取的颜色导出为调色板,支持 gpl.ase.mtl 等格式,以供 GIMP.Inkscape 等程

  • HTML 拾色器

    获取 暗/明 渐变颜色效果.

  • 基于jQuery的表格操作插件 基于jQuery的表格操作插件

    大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式.但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表.今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示.排序.筛选和操控.如jQuery表格排序插件.jQuery表格拖拽插件.jQuery树形表格插件.设置颜色.点击.替换等效果. 1.DataTables-强大的jQuery表格插件 DataTables是提供了大量特性的强大jQuery表格插件.例

  • 12月分享漂亮的jQuery图片切换效果插件 12月分享漂亮的jQuery图片切换效果插件

    破洛洛文章简介:10款非常时尚的 jQuery 焦点广告插件. 这篇文章向大家推荐几款非常漂亮的 jQuery图片切换效果插件.jQuery 是最流行和使用最广泛的 JavaScript框架,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,帮助 Web 开发人员更快速的实现各种精美的界面交互效果. 其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果.希望这些插件对你有所帮助,能够帮助你节省时间和精力. ZOOM

  • 3款适用的Jquery日历日期选择插件 3款适用的Jquery日历日期选择插件

    3款实用的Jquery日历日期选择插件 1.jquery日期选择日历插件Calender Eightysix 演示下载 2 一款win8风格日历Jquery日历插件 演示下载 3 基于Bootstrap框架的日期范围表单选择控件日历插件 演示地址

  • 施用JQuery中的cookie插件

    使用JQuery中的cookie插件 使用JQuery中的cookie插件 1.往cookie中写东西 $.cookie("userinfo",$("#operatorCode").val()+"§"+$("#password").val(),{expires: 30,path:'/'}); 将$("#operatorCode").val()+"§"+$("#password&

  • JQuery跟javascript优秀插件收集

    JQuery和javascript优秀插件收集 JQuery插件库: http://plugins.jquery.com/ 有趣的时钟: http://ynif.v099.10000net.cn/demo/shijian/3/shijian/index.html 别人收集信息 8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html 15

  • jQuery歌词同步的音乐播放器插件DEMO演示 jQuery歌词同步的音乐播放器插件DEMO演示

    音乐播放器效果可以实现在指定的时间段播放那一行歌词了这个很像许多的音乐播放器客户端了,下面来看一个例子. 今天要分享的一款基于jQuery的音乐播放器,它的特点是歌词和音乐可以同步播放,而且播放器整体非常精巧,适当修改可以作为你博客的播放器挂件. html代码 代码如下 复制代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery歌词同步的音乐播

  • jquery 音乐播放器效果插件 jPlayer

    本文章收藏了一款超漂亮的jquery 音乐播放器效果插件哦,利用了jquery的音乐播放器插件做起在线音乐播放功能实在是方便了N多哦,下面来看看代码吧. <!doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'> <html xmlns='http://www.w3.org/1999/xhtml' lang

  • RSS阅读器:15个基于jQuery的RSS阅读器插件 RSS阅读器:15个基于jQuery的RSS阅读器插件

    文章简介:本文介绍了15款实用的基于jQuery的RSS阅读器插件,有了它们的帮助,你可以轻松在网站中显示其他网站或博客的最近更新. 想要第一时间获得网站和博客的更新?RSS一直是最佳的选择.RSS提供的更新内容包括博客文章.新闻标题.标准格式的音频或视频等. 本文介绍了15款实用的基于jQuery的RSS阅读器插件,有了它们的帮助,你可以轻松在网站中显示其他网站或博客的最近更新. 1. jQuery RSS ATOM Feed Button 这款阅读器的功能十分完善. 源码/演示 2. jQu

最新文章
  • 美图看看批量打印照片教程 美图看看批量打印照片教程

    1.单击"文件"选择"打印",启动"照片打印向导",单击"下一步",进入"照片选择"窗口,勾选需要打印的照片,单击"下一步". 2.在窗口中选择好打印机,再单击"下一步",进入"布局选择"窗口,从"可用布局"列表中选择一种自己喜欢的布局.最后单击"下一步"就可以了. 向导会将照片发送到打印机,系统开始批量打印

  • 看看,这是我的电脑硬件出问题了还是 osx 出 bug 了? 看看,这是我的电脑硬件出问题了还是 osx 出 bug 了?

    我的电脑是128g的ssd,然后刚刚看见我的应用已经有45个g了,空间剩下的不多了,就将一些东西转移到了移动硬盘,然后用cleanMymac(好像是这么个软件)清理了一下,结果悲剧了.成这样了. 这是为何?我要去店里看看吗? --cut-- alexrezit在2014-03-02 18:40:3回答到: 没懂. 你是指空间类型统计不正确? 那个类型是根据 Spotlight index 结果计算的, reindex 就可以正确统计了. 另外 CMM 这种工具不是普通用户用的, 你必须知道系统中

  • YoNg - Yo&#39;s Next Generation YoNg - Yo&#39;s Next Generation

    YoNg is a static blog compile engine. --cut-- JoyNeop在2013-12-07 23:02:3回答到: ? kevinzhow在2013-12-08 02:18:0回答到: @JoyNeop 意思是你自行Google shinwood在2013-12-08 19:39:4回答到: 自行 Google 也无用的节奏.

  • 提示您需要权限来执行此操作怎么办 提示您需要权限来执行此操作怎么办

    首先,打开记事本.单击"开始"菜单的"运行"命令: 在打开的"运行"对话框中输入"notepad",再单击"确定"按钮: 再将以下内容复制到记事本中: Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT*shellrunas] @="取得管理员所有权" "NoWorkingDirectory"="&

  • 成功创业者必备的素质和能力

    有人说过,创业就像学游泳,也需要专业的训练,从不会到学会需要具备一些素质和技能要求.否则,即使你暂时会了,如果技术不过硬,浪头来了,一样把你打翻陷入生死危机. 以下是我综合编辑整理创业成功需要的素质和能力品格资料,供大家参考,并祝各位早日成功. 一.成功创业的素质. 1.心理素质:自信心是根本 创业是艰难的,在创业的过程中难免会遇到这样或那样的苦恼.挫折.压力甚至失败,这就要求创业者必须具备承受挫折.迎接挑战的心理素质,而这些素质的培养就是靠增强自己的创业信心.对创业者来说.必须树立这样一个理念

  • 嘀嘀打车被禁用被封怎么办?嘀嘀打车被禁用被封解封解决方法

    嘀嘀打车被禁用怎么办?近日嘀嘀打车优惠活动一度走红,很多司机都已经投入使用.对于高额的优惠返现活动,也引起了一些用户出现刷单行为,嘀嘀打车官方严厉打车刷单行为,发现者立即禁用嘀嘀打车.下面就跟统一小编一起来看看嘀嘀打车被禁用的解决方法 从新一轮(2月17日)活动开始,我们加大了反作弊的力度,对现场叫车和指定叫车这两种作弊行为的司机和乘客,都将会永久禁号."对于具体如何实现,嘀嘀相关人士称,技术上涉密,不便透露. 针对这种作弊现象,嘀嘀打车再推出第三期活动的同时制定了严格的惩罚措施."我

  • 小学生我读书我快乐手抄报 小学生我读书我快乐手抄报

    我读书我快乐手抄报: 关于读书有益的名言 1.读书百遍,其义自见.--<三国志> 2.为中华之崛起而读书.--周恩来 3.千里之行,始于足下.--老子 4.不怕读得少,只怕记不牢.--徐特立 5.读书忌死读,死读钻牛角.--叶圣陶 6.问渠那得清如许,为有源头活水来.--朱熹 7.书到用时方恨少,事非经过不知难.--陆游 8.读过一本好书,像交了一个益友.--藏克家 9.读书也像开矿一样"沙里淘金".--赵树理 10.旧书不厌百回读,熟读精思子自知.--苏轼 11.路漫漫其

  • 孕妇坐动车好还是坐飞机好 孕妇坐动车好还是坐飞机好

    现代交通方式越来越多样化,人们出行的交通方式选择也越来越多,对于孕妇来说,如果需要长途出行,是坐动车好还是坐飞机好?我们来了解一下. 我们都知道,孕妇比较容易感觉疲累,一般情况下不适合长途跋涉.如果是为了工作需要或者旅游调整心情需要,孕妈妈需要长途出行的话,可以选择动车,也可以选择飞机.一般来说,如果动车旅途时间超过四个钟头,最好还是选择飞机来出行,相对来说,旅途时间可以缩短很多,孕妇旅途中的舒适度也有所提高. 但是,航空公司对于孕妇坐飞机一般都会设有限制情形.例如怀孕35周以上,预产期在4周以

  • sql 随机函数newID()和RAND()详解  

    sql 随机函数newid()和rand()详解 select * from northwind..orders order by newid() 下者效率要高些 select top 10 *,newid() as random from ywle where ywlename='001' ordey by random --随机排序 select top 10 * from northwind..orders order by newid() --从orders表中随机取出10条记录 那就看

  • 使用jQuery异步加载 JavaScript脚本解决方案

    JavaScript 加载器在 Web 开发中是非常强大和有用的工具.目前流行的几个加载器,像 curljs.LABjs 和 RequireJS 使用都很广泛.他们功能强大的,但有些情况下可以有更简单的方案. 如果你正在使用 jQuery,有一个内置的方法可以用来加载脚本.如果你想延迟加载插件或任何其他类型的脚本,都可以使用这种方法.下面给大家介绍如何使用它. 实现方法 jQuery 内置有 getScript 方法来加载一个脚本,处理返回的结果可以有几种方法来实现.最基本的用法 jQuery.

热门推荐
  • 三八妇女节放假吗 三八妇女节放假吗 三八妇女节放假吗?三八妇女节放假几天?新出台的<全国年节及纪念日放假办法>中规定三八妇女节放假半天.此规定从2008年1月1日开始实施.妇女节(3月8日),妇女放假半天. 附:节假日放假相关规定 国家有这方面的法律规定.<全国年节及纪念日放假办法>(1949年12月23日政务院发布 1999年9月18日国务院修订发布) 全国年节及纪念日放假办法 (1949年12月23日政务院发布 1999年9月18日国务院修订发布) 第一条 为统一全国年节及纪念日的假期,制定本办法. 第二条 全体
  • 每天洗头会伤头发吗 每天洗头会伤头发吗 每天洗头会变干?大概在不少人的认知里,这是一个确定的事实.并没有大量的证据证明每天洗头会伤发,并导致干枯.这种担心是没有科学依据的. 正常人每平方厘米头皮组织中分布着144-192个皮脂腺,这些皮脂腺每天都在持续不断地分泌油脂.头发清洗后,过4个小时,油脂就会重新布满发丝,令头发显现自然的光泽和弹性. 不管是不是每天洗头,只要使用正确的方法,不但不会损伤头发,还能刺激皮脂腺的正常分泌,维持和调节皮脂的平衡,使头发富有光泽和弹性.相反,过量的皮 脂存在却很容易造成污垢和头皮屑的堆积,堵塞毛囊和皮脂
  • 国庆14名驴友穿越无人区致1死 求生技能盘点 国庆14名驴友穿越无人区致1死 求生技能盘点 高原反应 自贡驴友魂断亚丁"洛克路" 这条线路属禁止游客穿越的未开发区域 事发后,景区积极救援,但仍未能挽回生命 当晚,驴友马某有了高原反应症状.但10月3日,驴友们仍然坚持穿越.当天上午,马某情况恶化.此后,后亚丁景区积极赶赴救援,但马某依旧不幸身亡. 国庆节前,来自自贡的14名驴友踏上香格里拉如诗如画的土地--然而这一次穿越却成了马某的致命之旅.10月3日,这名38岁的男子在穿越途中发生重度高原反应,虽然亚丁景区救援队员全力救助,却没有挽回他的生命. 探险"洛克路&quo
  • 聪明媳妇必知讨婆婆欢心的话 聪明媳妇必知讨婆婆欢心的话 聪明媳妇必知讨婆婆欢心话语 讨婆婆欢心话语有哪些? 1.你太会买了 这也是一句很实用的家常话,如果婆婆买菜回来什么的,一般媳妇都要问:"这菜多少钱一斤?"不管婆婆说多少,你都说:"你太会买了,比我买的便宜."这是夸她会持家. 2.你做的这道菜太好吃了 不论是厨师,还是一般家庭主妇,都喜欢你对她做的菜有一个好的评价.当你在婆婆那里吃上一顿婆婆亲自炒的菜时,你别管它味道怎样,说这句话没错,婆婆听了一定很高兴的,但是要用行动来配合哦,那就是吃,吃出你的真诚. 3.你穿这件
  • 百度传课集结一线好课 让假期寓学于乐 百度传课集结一线好课 让假期寓学于乐 每年寒假都是学生们最欢脱的时候,"世纪大寒潮"的全面来袭,更是为高校学生宅家看剧.睡觉.疯狂长膘提供了合适的时机.但专家指出,假期不仅用来放松身心,也是弥补短板的好机会. 如何让学生在假期中学乐兼得,让假期变得更有意义呢? 近日,百度传课通过大数据及用户喜好分析推出了"年度好课集结号"活动,活动将在传课全平台上甄选集合一线实战好课,内容涵盖IT大神讲堂.外语达人直通课.考试狂魔训练营.职场精英课堂.生活兴趣大咖等多个精品系列课程,为在线学习的朋友准备了丰富的精神食粮
  • QQ空间浪漫留言代码 看流星雨 QQ空间浪漫留言代码 看流星雨 ╭╮╭╮ ∨ / (≥﹏≤) /█ ∨.亲爱的 我们一起看流星雨好不好 ~~~~~~~~~~~~~~~~~~~~~~~~~~ by:cz88.net [M][ftc=#EE1D24]╭╮╭╮[/ft] [ftc=#EE1D24] ∨ /[/ft] [ftc=#EE1D24] (≥﹏≤)[/ft] [ftc=#EE1D24] /█ [/ft] [fts=3][ffg,00AEEF,FFFFFF]∨.亲爱的 我们一起看流星雨好不好[/ft][/ft] [ftc=00AEEF]~~~~~~~~~~~~
  • Win8.1正式版有哪些新特性 Win8.1正式版有哪些新特性 Windows 8.1在原先开始按钮的位置增加了Windows图标.该图标除了能够实现返回开始屏幕的作用外,用户还可以使用右键点击它,调出"关机"."重启"等快捷选项.总得来说,开始按钮的回归是为了照顾老用户的使用习惯. 不过与XP.Win7中的开始菜单不同,Windows 8.1开始按钮其实更像恰接传统桌面与Metro开始界面的"中枢". 贯彻个性化原则 Metro界面更加多变 Metro界面几乎成为了Win8,乃至是Windows 8.1的最
  • jQuery+PHP+Mysql在线拍照和在线浏览照片 jQuery+PHP+Mysql在线拍照和在线浏览照片 在线拍照通常是通过flash插件来实现了,今天我看到有一篇基本jQuery+PHP+Mysql在线拍照和在线浏览照片的例子,下面我们一起来看看,希望例子对各位有帮助. 本文用示例讲述了如何使用jQuery与PHP及Mysql结合,实现WEB版在线拍照.上传.显示浏览的功能,ajax交互技术贯穿本文始末,所以本文的读者要求具备相当熟悉jQuery及其插件使用和javscript相关知识,具备PHP和Mysql相关知识. 本文示例建立在本站helloweba.com两篇文章之上,一篇是用于在线拍照的