位置:首页 » 教程 » 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-- dong3580在2014-04-28 19:15:2回答到: @dongcheng 你觉得除了P2P还有什么可行的方案么? 另外,房东今年换了宽带,然后我发现,P2P被屏蔽. 目前还在用迅雷,表示活动的时候买了好多--- dongcheng在2014-04-28 19:23:5回答到: @dong3580 迅雷云播放可以在线看.貌似目前百度云盘还能看.

  • 如何在android电子书里插入代码并保留高亮格式?

    我是编程菜鸟,正在学习中 经常在手机上看chm电子书,比较符合自己口味,而且格式保留比较好. 只是android的几款chm阅读器不太好用,就打算自己找源码改头换尾做一个,不为进市场,只为自己方便. --cut--

  • 端午节给女朋友的祝福

    送你一个粽子,代表对你一生的思念;送你一瓶雄黄酒,代表对你一世的祝福;端午节到了,礼物虽轻,是我一生一世的祝愿,祝你端午节快乐! 送你一个粽子,平安的苇叶儿包着如意馅,真情煮熟,吃一口快乐,两口幸福,三口顺利,保全家健康,回味温馨,余香是祝福!端午节快乐! 送你一个粽子:幸运铺满清新的叶,快乐裹成美味的馅.闻起来是温馨,吃起来是甜蜜,咽下去是幸福,回味着是美满,端午节快乐!端午节祝福短信 送你一颗好运粽,里面包藏:健康米,好运蛋,平安菇,快乐虾,长寿花,幸运栗;如果你收到将会好运连连.祝你端午节

  • oracle中关于flashback闪回的介绍

    1.必须设定undo保留时间足够大以能够重构需要闪回的数据 ALTER SYSTEM SET UNDO_RETENTION=; seconds值是undo数据保持的秒数. Flashback view是由undo retention interval来限制的. 2.包DBMS_FLASHBACK提供了需求接口 call dbms_flashback.enable_at_time('2010-10-19:11:00:00'); call dbms_flashback.disable(); ----

  • 秦始皇曾接触西方?秦始皇兵马俑和希腊雕塑竟是师出同门 秦始皇曾接触西方?秦始皇兵马俑和希腊雕塑竟是师出同门

    据媒体报道,最新研究指出,秦始皇陵墓的兵马俑灵感来自于古希腊雕像.伦敦大学一位大学讲师Lukas Nickel写道:"完全有可能的是,秦始皇陵的雕像源自希腊文化与中国的早期接触." Nickel的证据包括最新翻译过来的古代记录,其中的一个故事讲述了巨大的雕像出现在中国的遥远西部,促使秦始皇在他的宫殿前复制这些雕像.Nickel称,这个故事提供了中国和西方早期接触的证据,这些接触激发秦始皇不仅复制了12座巨大的雕像,而且建造了兵马佣. Nickel提出,在秦始皇统治时期,中国并未建造真实

  • iOS9.1升级图文教程 iOS9.1升级图文教程

    苹果今天正式推送了iOS9.1系统更新,距离发布iOS9.1 beta5一周时间,本次更新主要是对Live Photo功能进行优化,并修复了多个系统BUG.iOS9.1固件去哪里下载,iOS9.1怎么升级呢?下面来看iOS9.1固件下载地址及iOS9.1图文升级教程.(注意:据目前了解到的信息,iOS9.1已封堵了部分iOS9.0-9.0.2越狱漏洞,这意味着iOS9.1很有可能已经无法再越狱,因此已越狱的用户要谨慎升级.) iOS9.1更新适用设备包括: iPhone4s,iPhone5,iP

  • 核桃豆腐丸—神奇的瑜伽减肥餐 核桃豆腐丸—神奇的瑜伽减肥餐

    掌握了瑜伽饮食减肥的原则,那就应该要物色好一款具体的瑜伽减肥餐单了.什么样减肥餐更有助于瑜伽减肥呢?飞华网小编为瑜伽减肥迷们推荐一款神奇的瑜伽减肥餐--核桃豆腐丸 !让你既能享受食物的美味还能减肥瘦身! 核桃豆腐丸-神奇的瑜伽减肥餐 核桃豆腐丸 材料:豆腐250克,鸡蛋2个,面粉50克.盐.淀粉.胡椒粉.味精.核桃仁各适量. 做法: ①将豆腐用勺子挤碎,打入鸡蛋,加盐.淀粉.胡椒粉.味精拌匀,做成丸子,每个丸子中间夹一个核桃仁. ②色拉油上旺火烧至五六成热下丸子炸熟即成. 减肥功效:豆腐富含蛋白

  • 8月24日是什么星座 8月24日是什么星座

    问:8月24日出生的人是什么星座啊? 答:8月24日出生的人所属:处女座 8月24日出生的人优点 :观察敏锐.喜好研究.有始有终. 8月24日出生的人缺点 :分析过度.自我压抑.难以被了解. 8月24日出生的人建议 :凡事不要过于大惊小怪,偶尔也要让事情顺其自然地发展,你的观察并不一定始终会受到他人的感激,顺着你的心意行事的同时,也要尊重别人的感受.有些秘密最好还是不要说破会比较好. 本站阅读配图 提示:请按照阳历(公历)出生日期来查询所属星座.

  • 最新格列佛游记读后感600字

    格列佛游记读后感600字之一: 一个普通的外科医生,四次出海航行冒险,遇到了各种离奇古怪的事情,他是雷米尔鲁·格列佛. 格列佛生于洛丁加姆州,从十四岁开始在英国与荷兰的大学进修,后来以外科医生的身份到船上工作,在一六九九年五月四号乘羚羊号航向南方.后来,不幸在苏门答腊岛遇难,漂流到利立浦特岛上.岛上居民身高都只有六寸左右,因此,这个国叫小人国.这个国经常和邻国因为鸡毛蒜皮的小事儿而打仗.之后他又启程.但却在巨人岛--布罗卜丁鲁那克岛搁浅了.那里的国王身高有六十尺.巨人国之后的飞岛国是一个与世隔绝

  • 身在职场必须学会如何推销自己 身在职场必须学会如何推销自己

    如何推销自己,这是一门技术,只要你掌握了如何推销自己,那么你就不愁吃.穿了.当你学会如何推销自己时,基本上任何东西你都可以很成功的去推销. 很多人都希望能被别人喜欢,甚至是大大的喜欢,希望能轻易的找到工作,希望好看的人能找他说话,希望肉店卖给他的肉不带肥,其实生活是一连串的推销. 推销自己?首先应该了解推销首要做的第一件事,那就是你要对你推销的东西相当熟悉,如当你要推销手套时,你应该了解手套是怎样构成的,是由那些原材料,什 么样的人带什么手套,什么场合适合带那种手套,什么季节应该带什么手套,每一

热门推荐
  • 电脑显示“你的电脑遇到问题”提示的解决方法 电脑显示“你的电脑遇到问题”提示的解决方法 1.这样的提示,有时会伴随蓝屏出现,经常发生在Win8系统或其他比较新的操作系统中,这样的情况没有老的蓝屏故障会提示停机代码,触发蓝屏的文件名等有效信息; 2.如果重启之后,可以正常进入系统桌面,那么可以根据刚才发生蓝屏前所做的事情进行分析,比如更新了驱动程序,那么就卸载最近更新的驱动程序.如果打了补丁导致蓝屏,那就卸载补丁,甚至关闭Windows Update服务; 3.如果无法进入系统,可以通过U盘启动进入pe,进行修复.还原或重装系统的操作; 4.Win10系统比较新,出现硬件.驱动.软件
  • PS修复凌乱秀发的三种技巧实例 PS修复凌乱秀发的三种技巧实例 肖像照主要是拍人的上身部分,好的肖像照可以反映很多人物细节.但是拍肖像照的过程中时常会发现总有那么几根头发伸出来或者卷起来,让人物头发看起来有点凌乱,影响整体观感.特别是对于时尚杂志或者企业宣传图片来说,这样的情况是必须处理掉的. 本期的国外精品翻译教程就将会和大家一起学习三种修复头发乱飞的方法,同时尽量保持最终效果自然舒服.对于任何的图片修饰操作,都需要在保持自然真实和实际效果要求之中找到平衡.如果偏离真实太远,头发就可能像戴个假发一样,让修饰变得毫无意义.因此,修饰图片应该尽量做到细致逼真,
  • 16朵香槟玫瑰花语 16朵香槟玫瑰花语 香槟玫瑰天性浪漫,它提醒我们,换换新鲜空气,享受简单的快乐.这种散发着清新香气的玫瑰花象征着专一的爱情和骑士精神. 花语最早起源于古希腊,到19世纪中期才被大家广泛接受.那时候,社会风气相对比较保守,人们表达爱情的方式没有现在这么大胆和直接,所以用鲜花表达爱情的方式才逐渐流行起来. 玫瑰象征着爱情和真挚纯洁的爱,人们多把它作为爱情的信物.不同的颜色的玫瑰具有不同的寓意,红玫瑰的花语是:"热恋.相爱.深爱着你.真心实意";粉玫瑰的花语是:"初恋.求爱.爱心和特别的关怀"
  • 学最好的别人,做最好自己 学最好的别人,做最好自己 学最好的别人,做最好的自己.人生中出现的一切,都无法拥有,只能经历.深知这一点的人,就会懂得:无所谓失去,只是经过而已;无所谓失败,只是经验而已;用一颗浏览的心,去看待人生,一切的得与失.隐与显,都是风景与风情. 人生的转折很多时候是有预谋的,我们在不停寻找一个开始的时候,其实它早已经把虚掩的一扇门推开了一个小缝,等待你看见那丝透过来的阳光.请让我领略生命的卑微与尊贵.让我知道,整个人类的生命就有如一件一直在琢磨着的艺术创作. 人生在于修行,修行则在于领悟.成功是挫败叠加的,痛苦是攀比累积的.一