位置:首页 » 教程 » 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

最新文章
  • 我想我还是不够成熟

    唉,这么生气,何必呢... --cut-- jmy在2012-03-03 11:04:5回答到: 成熟=控制情绪? 或者 ? napoleonu在2012-03-05 10:44:5回答到: @jmy 嘿嘿,我觉得成熟的人遇到什么事情都很淡定..

  • 看这个粉丝站点如何玩转 Instagram 看这个粉丝站点如何玩转 Instagram

    移动互联网业界热衷于研究 Instagram ,研究这个图片社区为什么能迅速崛起,研究他们如何 Hold 住一千万用户,研究客户端的操作体验. 但是,有人研究过 Instagram 的粉丝站点吗?比如这个 Instagramers.com (注意拼写). 作为 Instagram 的忠实用户,我喜欢收集与它相关的各种资讯,周边产品,第三方应用等等.渐渐地我发现一个狂热的粉丝站点,对推广一款产品有着不可估量的作用.来看看这个粉丝站如何玩转 Instagram 吧. 整合线上线下关系 不管是 Ins

  • 用文字链接代替表单提交的按钮

    用文字链接代替表单提交的按钮,以前经常这样用,现在大多是用图片来代替,以替换呆板的按钮样式 <html> <head> <title>相当于发送按钮的超链接</title> </head> <body> <form name="form1" method="post" action="http://www.sohu.com"> 姓名:<input type=

  • 《李开复给中国大学生的七封信》读书笔记

    我怀着十分崇敬而又激动的心情读完了<李开复给中国大学生的七封信>,感触很大:积极主动.充满热情.灵活自信,诚信天下,坚守诚信,正直的原则.做一个融会贯通,创新实践,跨领域融合,三商兼高,沟通合作,热爱工作,积极乐观者. 融会贯通者:听过的会忘记,看过的会记得,做过的才能真正掌握.创新实践者:重要的不是创新.而是有用的创新.跨领域融合者:重要的不是深度的解析.而是跨领域的合成.三商兼高者:你的价值不在于你拥有什么.而在于你贡献了什么.沟通合作者:只会思考而不会表达的人与不会思考的人没什么两样.热

  • 登陆车联网,网易云音乐移动端再下一城 登陆车联网,网易云音乐移动端再下一城

    回顾过去的2014年,互联网行业风起云涌,移动互联网更是发展迅猛,强力带动着整个互联网席卷的浪潮.风暴愈强,机遇与挫败相运而生,当浪涛退去,有人折戟沉沙,有人登顶加冕. 在2014年以绝对速度冲刺的互联网产品中,网易云音乐是其中最有代表性的一员,用短短一年多的时间,迅速累积到超过5500万用户,成为音乐应用行业内增速最快的产品.在保持着如此惊人的增速背后,网易云音乐还积累到行业第一的用户好评口碑,在网络上的各大社交论坛中,随处可见用户对产品的褒奖之词. 就是如此一款有着火箭式爆发的互联网产品,在

  • 《幽灵庄园的秘密2》第六大关场景二图文攻略 《幽灵庄园的秘密2》第六大关场景二图文攻略

    幽灵庄园的秘密2第六大关场景二怎么过?这里还是有点难度的,还没通关的小伙伴一起来看看吧!相信大家都可以过关. 说明 1.这个游戏总共有八大关,通过教学关后,每一关都有四个场景,每个场景可能又有几个房间.要在这四个场景中来回,找到机关并放回物品. 2.在大地图中,每个场景都有红.绿.蓝三种颜色表示的数字,其中红色是机关数量,蓝色是需要放回物品数量,绿色是物品碎片的数量.在攻略中每个地图都用数字表示了场景一.二.三.四,以便于解说. 3.游戏中最下面一排是需要收集的物品,左边 PUZZLE ITEM

  • 钻石宣传文案

    方案一:遵循客户要求,以理性描述与感性形容相结合 不把妒忌写在脸上 -妒忌铂金系列 镜子里的女人 理所当然的骄傲 无懈可击的高贵 穿越目光的火线 宠辱不惊 恪守自己的爱情 坚定执着 我的妒忌 掩藏不住 只因镜子里闪耀的光芒 第一款:秋水伊人 设计以单颗钻为主,铂金的优美弧度含住璀璨的钻石,有如伊人的一汪秋水. 秋水脉脉含情 伊人千娇妩媚 回眸间顾盼生辉 第二款:春光乍现云开日现 阳光从流云中挣脱出来,钻石的明澈与铂金的流线完美的结合,造型灵秀而典雅. 最是那一抹光华, 掩去一切的喧嚣. 乍现出炫

  • linux中定时任务中shell脚本不执行怎么办

    就一个问题定时任务中是没有环境变量,在你的shell脚本中导入环境变量,代码如下,在shell脚本的最上边导入环境变量 解决办法 export PATH=$PATH:/bin:/usr/bin:/usr/local/bin 例子 : 每月每天每小时的第 0 分钟执行一次 /bin/ls : 0 * * * * /bin/ls 在 12 月内, 每天的早上 6 点到 12 点中,每隔 20 分钟执行一次 /usr/bin/backup : */20 6-12 * 12 * /usr/bin/bac

  • jquery兑现 全选

    jquery实现 全选 $(function(){ $("#titleCheckbox").click(function () { if( $("#titleCheckbox").attr("checked")==true){ $("input[name='myCheckbox']").attr("checked", true); }else{ $("input[name='myCheckbox'

  • SQLServer 应用变量动态行转列 SQLServer 应用变量动态行转列

    SQLServer 使用变量动态行转列 drop table #test create table #test ( id int identity(1,1) primary key, bizDate varchar(50), type varchar(50), qty float ) insert into #test select '20110501','A',20.5 union all select '20110501','B',98 union all select '20110501'

热门推荐
  • 大家都有哪些公司的贴纸? 大家都有哪些公司的贴纸? 我的都贴了 github 和 gmail ,你们呢? --cut-- sennes在2016-05-09 12:41:23回答到: Arduino 的 (不过不是公司) blessme在2016-05-09 12:41:23回答到: 贴纸?笔记本上的 intel outside 算不 Coxxs在2016-05-09 12:41:23回答到: 苹果的贴纸算不算 m(._.)m R18在2016-05-09 12:41:23回答到: sf baidu susu在2016-05-09 12:41:2
  • 防止仓鼠寄生跳蚤的方法 防止仓鼠寄生跳蚤的方法 1.每天让他去洗沙浴,然后找了个小牙刷帮她梳,然后把笼子每天清理下,拿到太阳下面暴晒2个小时. 2.全面清理仓鼠的用品,本人是把家中所有仓鼠的笼子读用84消毒液泡过了的. 3.帮宝宝洗澡:本人一向以来都不同意帮仓鼠用水洗澡,但是我发现这种虫子很怕水,为了宝宝不会被吸干血,只好用水洗洗试试看了.最好选在天气比较好的中午,用温水帮宝宝洗澡.我家的仓鼠可能知道是在帮他们除虫,所以一路上表现的很听话,自己在水里帮自己抓.本人也用小牙刷帮小仓鼠刷掉虫子.洗好以后用毛巾和卫生纸把仓鼠身上的水吸干.用小牙刷帮
  • 加强图片冲击力 让你迈入摄影之门 加强图片冲击力 让你迈入摄影之门 跟运动员一样,一个摄影师的技能需要长时间的训练,还要做很多的实验.创造性的探索需要我们能够跳出容易和熟悉的套路.尽管在尝试新工具和技术的初期我们有会一些挫折和沮丧,但我们会得到意外的发现和表达自我的新方式.我们的目标是以自己的方式来诠释主题.这需要花费时间,付出耐心,你要训练自己去发现你面前主题更加深层的意义. 下面列出的五步可以让你拍摄的图片很有冲击力,并向你的观众表达你出你在图片现场的感觉和情绪,让他们感同身受. 第一步:光 摄影教程 通过阴影来判断光是从哪里来的.光可以给我们的照片注入魔力
  • 新生宝宝秃头的真相 新生宝宝秃头的真相 头号问题:秃头 ·新生儿头发多与少 有的宝宝出生后就是一头黑发,有的则看不到几根头发.虽然刚出生时宝宝头发的多少和以后会不会秃头其实没有直接关系,但是宝宝头发少的父母常因此担心宝宝以后会有秃顶的问题.实际上新生儿头发的的生长速度快慢不一,许多宝宝出生后不久枕骨区会经历脱毛期,这些部位脱落之后还会陆续长出新发.其实在医学上,宝宝一般到了1岁左右头发才会长得比较好.比较多. ·剃胎毛头发会变得又黑又多吗 剃胎毛是一种传统习俗,小宝宝出生后大都会剃除胎毛.有些人认为反复地剃头可以让头发变得又粗又黑又密
  • SpaceX:展示最新载人版“龙”飞船 SpaceX:展示最新载人版“龙”飞船 SpaceX公司展示最新龙式飞船的载人版,内部乘员座椅为黑色和白色的颜色装饰,配备了大型显示器. 据国外媒体报道,SpaceX公司已经公开展示了龙式飞船的载人版本,内部黑色和白色的颜色装饰是这艘私人飞船的主要特征.SpaceX公司在其官网上宣布,龙式飞船载人版本能够前往国际空间站,从一开始这艘飞船就被设计成载人用途,如今SpaceX公司实现了这个当初的设想.龙飞船载人版首次亮相是在2014年5月,当时内部乘员座椅为棕褐色,现在全部更换了颜色. 龙式飞船载人版被设计成具有观光的用途,飞船上有四个窗
  • 使用洗衣机有什么窍门 使用洗衣机有什么窍门 洗衣机(washing machine/washer)是利用电能产生机械作用来洗涤衣物的清洁电器.按其额定洗涤容量分为家用和集体用两类.中国规定洗涤容量在6kg以下的属于家用洗衣机:家用洗衣机主要由箱体.洗涤脱水桶(有的洗涤和脱水桶分开).传动和控制系统等组成,有的还装有加热装置.洗衣机一般专指使用水作为主要的清洗液体,有别于使用特制清洁溶液,及通常由专人负责的干洗.洗衣机在使用上具有很多的敲门: [1]使用11忌:忌沙泥.忌超定量.忌用水过多或过少.忌水温过高.忌同时按下两个键.忌定时器反方向
  • 《怪物弹珠》展开的山野小路副本第七章攻略 《怪物弹珠》展开的山野小路副本第七章攻略 怪物弹珠展开的山野小路副本第七章攻略,通过了五个元素副本,我们来到了全是矿物族的副本,他们的种族带来的不同和属性的克制对我们有着很大的难度,那么组合出一组强大的阵容,是我们当务之急. 过关攻略:这一副本是由三只矿物族的怪物组成的,然而三个BOSS的属性并不一样,所以在战斗准备前我们需要准备好不同属性克制的怪物来应对相应的关卡.利用反弹和友情技来消灭敌人,从而获得大量的经验奖励.那么首先我们要了解手上怪物的属性和技能,与副本中BOSS相克或者压制就更加的好了,之后是一只暗系的经验龟作为大大的奖励.