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

最新文章
  • 一个程序员眼中的价值 一个程序员眼中的价值

    前天看了TimYang的< 一个技术从业人员眼中的2014 > , 有些观点我很是赞同, 于是我也有了想写点什么的冲动- 在2015年的第二天, 我终于好像有了一些跳跃的想法, 可以说给大家听听. 也许不够体系, 不够完整, 但或许能得到一些共鸣. 我先给我大家讲讲我的故事, 我在2007年的时候去了雅虎实习. 当时应聘实习的时候, 我记得我和面试官应该表达过, 我不在乎赚多钱(实习生工资), 只是希望学习. 后来, 2008年的时候要毕业了, 因为在雅虎的氛围等让我觉得非常好, 我几乎没有看

  • 人民币的品控也是越来越差了 人民币的品控也是越来越差了

    看图,这个印刷的,做验钞机的朋友都快哭了 --cut-- en3073在2016-05-09 04:19:15回答到: ahillgian在2016-05-09 04:19:15回答到: 还没见过新版的路过 loading在2016-05-09 04:19:15回答到: 错版人民币价格难道会雪崩? 233 en3073在2016-05-09 04:19:15回答到: @loading 不是错,是就是这样..都是偏的 @ahillgian 我这边还没人收这种钱 loading在2016-05-09

  • 乐视网轮播频道的视频有办法录制吗?

    探测了一下,一水的m3u8,一大堆参数,看上去每次请求都一样.也有少量的ts,比m3u8少.看起来应该不是标准的hls,用vlc和ffmpeg来处理都是动了一下就卡住了,只下载了几M,怎么破? --cut--

  • 阿里巴巴 - &#34;梦想是一定要有的,万一实现了呢&#34; 阿里巴巴 - &#34;梦想是一定要有的,万一实现了呢&#34;

    http://www.taobao.com/go/chn/tb-fp/2014/ipo.php --cut-- pigletfly在2014-09-20 08:43:5回答到: http://qiniu-up.qiniudn.com/64ebf3bdddeffe74c3cb9c351edd84b7 yangg在2014-09-20 10:18:4回答到: if(!/^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+\.([a-zA-Z0-9_-])+/.test(o)){n.i

  • 尝试用gunicorn替代supervisord部署python项目

    gunicorn确实是一个不错的项目,让人少呼出不少二氧化碳,supervisord最大的问题是修改了配置需要kill进程,多个进程,多项目部署在同一个机器的时候需要写N多重复的配置, gunicorn 能更优雅的解决这些问题 http://gunicorn.org --cut-- lfeng在2012-04-24 14:00:0回答到: mark,好像不错的样子,试试看先- wenbinwu在2012-04-24 14:06:3回答到: 我是用gunicorn跑django sentry之类的

  • 谁知道果壳网的logo上是什么字体?

    想做个logo,可是对设计不太在行,网上的制作工作没有满意的,就想简单的用艺术字做个,看了好多logo,挺喜欢果壳网这个的,就是这个http://www.guokr.com/skin/imgs/3-logo.png 有没有知道这是什么字体? --cut-- lerry在2012-03-10 14:18:0回答到: http://www.xinli001.com/ 这个也不错,懂得请指点一下吧,其他合适的字体也可以. heymi在2012-03-10 17:05:2回答到: AI画出来的,无字体可

  • 澳门九澳七苦圣母小堂

    九澳七苦圣母小堂建于一九六六年,位于路環九澳聖母村.为路环九澳居民,包括痊愈的麻风病人及一些新患者而设,教堂的北门上有一个壮观的青铜十字架是由意大利雕刻家方各美斯马为九澳居民铸造,而且意大利雕刻家西夏江治亦曾参与建筑这座教堂的工作.

  • 女人气虚精神差怎么办 女人气虚精神差怎么办

    女人因为每个月都要来月经,特别容易气虚.而女人气虚便会产生面色暗黄,皮肤粗糙,月经不调等情况.那么,女人补虚不可忽视.可以通过饮食.锻炼.药物等方式来补充气虚.只有气血兴旺才会身体健康.美丽动人.气虚又爱美的女人一定不要忽视这一点,下面让本站小编来为大家介绍一下女人补气血的方法. 1.药物 调理的时候可以选用一些有补气功效的药物,比如可以选择人参.西洋参.党参.太子参.茯苓.山药.白术.黄芪.灵芝.大枣.五味子.灸甘草等等.除了这些之外,还可以选择一些同样具有补气作用的中成药.但是要注意,高血压

  • 莎士比亚的“博客观”

    虽然莎士比亚不知道Twitter.社交网站.博客,但如果他还在世,毫无疑问会热烈拥抱这些新事物.毕竟他曾经创造了1700多个英文单词,并以雕琢文字为乐. 如果我们让莎士比亚小说里的词句脱离原有的语境,应用到博客中,会发现这些有400多年历史的诗句依然散发着同样的光彩. 关于文章的长度 简洁是智慧的精华.--<哈姆莱特> 尽可能让文章和段落简洁明了. 关于文章发表频率 我曾荒废时间,而今时间荒废了我.--<理查二世> 定期发表文章,否则你的博客能量和读者都会弃你而去. 关于查找图片

  • 苹果官网特别购物日 iPhone5S直降350 苹果官网特别购物日 iPhone5S直降350

    今天凌晨苹果中国官网开启特别购物日"红色星期五",根据苹果官网显示的信息,用户可以通过苹果中国网站在线选购,或者前往苹果专卖店现场购买.同时,苹果还支持通过手机APP选购优惠商品. 苹果表示,所有优惠活动价格仅限2014年1月10日当日有效,所示价格为人民币价格,可能有所变动.该优惠价格不得与其它优惠同时使用.产品规格随时可能改变.优惠价格仅适用于现货商品,售完即止. 用户在苹果中国在线商店或苹果直营店选购各类商品都可以获得不同幅度的优惠,以iPhone为例,今日购买任意型号可以直降3

热门推荐
  • 杉果 老滚五传奇版 全 DLC 杉果 老滚五传奇版 全 DLC --cut-- haixiu在2016-05-09 00:49:49回答到: 上次在 steam 买了,然则一直没空玩 got在2016-05-09 00:49:49回答到: 很久没玩了,只记得膝盖中箭. tairan2006在2016-05-09 00:49:49回答到: 哎吆卧槽 已经 28 在 steam 上买了 另外 32 买了古墓丽影大包( 1-9 ) kumakiti在2016-05-09 00:49:49回答到: 自从用了 mac 后,看到游戏都不敢买了... acdea4effd
  • 强韧秀发的九大食物 强韧秀发的九大食物 强韧秀发的九大食物 第一种:墨绿色的蔬菜. 菠菜.韭菜.椰菜等绿色蔬菜能美化皮肤,有助于黑色素的运动,使头发永葆黑色;并且,由于这些蔬菜中含有丰富的纤维质, 能不断增加头发的数量. 同时,墨绿色的蔬菜可以铁元素和钙元素,帮助保持发质的自然状态. 本站阅读配图 第二种:豆. 豆类食物对头发的好处显然是不容置疑的.它不仅仅可以提供丰富的蛋白质,促进头发的生长,也富含铁.锌元素和维生素H.如果缺乏这些元素将导致头发的脆断. 腰子豆.小扁豆等食物应该成为你食品中重要的一个组成部分,专家推荐每周吃三杯豆类
  • iOS版微信V6.2让朋友扫一扫是什么 iOS版微信V6.2让朋友扫一扫是什么 微信新版让朋友扫一扫,帮我开启微信有什么用,iOS版微信客户端今日迎来更新.假如有朋友已经在下载更新,那要紧急预警一下:打开新版微信后,欢迎页不要急于关闭,不要急于关闭,不要急于关闭.重要的话说三遍. 下面来解释一下原因.iOS微信6.2进一步加强了微信支付功能,甚至连欢迎页也没有放过.打开新版微信后欢迎页直接出现一枚二维码,并有"让朋友扫一扫,帮我开启微信"和"不,我自己来开启微信"的提醒. 俗话说:钱可以解决的问题,都是不是问题.下面检验感情是否高于金钱的时刻就
  • 你并不懂我歌词 你并不懂我歌词 你并不懂我 - BY2 词:Mr Mars.彭潇明.杨眼眼 曲:潘沁珈 Yumi:原来不爱说 以为你懂得 每次说着说着 都是我哭了 Miko:我擦干眼泪 慢慢习惯沉默 朋友聊起 我就说一些别的 Yumi:你总是哄我 说永远不分手 可是我 还不确定会停留 Miko:终于我看透 没退路的角落 不闪躲 Yumi:你并不爱我 怎么会懂我 你从来就不曾 在乎我的感受 没兑现过承诺 傻瓜才当温柔 难过时候 还假装笑着点头 Miko:你并不懂我 怎么能爱我 曾经我也以为 有你我就足够 直到发现 原来我不过 是