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

最新文章
  • What’s fun about going to work? Getting tasks done 关于公司文化-如何开心的工作

    (http://radianttiger.com/2015/04/20/a-culture-that-attracts-quality-candidates/)[http://radianttiger.com/2015/04/20/a-culture-that-attracts-quality-candidates/] 看了这篇文章,What's fun about going to work? Getting tasks done 这句话不能同意更多 工作了许多年,慢慢发现,原来get tas

  • 怎样帮助孩子复习功课

    1.提醒孩子制定寒假作息时间表 寒假里,孩子的作息时间与平时在学校里不太一样,没有课时限制,也没有铃声提醒.春节期间还难免有一些社会交往活动.所以,家长考虑到孩子的学习需要和生活节奏,要提示孩子有一个固定的作息时间,让孩子形成规律的生物钟,既提高学习效率,又利于身体健康. 2.提醒孩子对上学期的学习进行总结 高三上学期,孩子要考的功课已经初步复习过了,家长可以直接或间接地给孩子提个醒,让他进行一些自我的总结.每门课的学习情况怎么样,存在哪些问题,取得了哪些进展,特别是在方法上要进行哪些改进,怎么

  • 2016标准版离婚协议书范本

    2016标准版离婚协议书范本 男方:_______,男,___族,_____年___月___日,住址:_____市_____区_____路_____号_____幢_____,身份证号码:_______________ 女方:_______,男,___族,_____年___月___日,住址:_____市_____区_____路_____号_____幢_____,身份证号码:_______________ 男方与女方于_____年___月___日在_____区民政局登记结婚,于_____年___月_

  • PS秋色清新 PS秋色清新

    风格:秋色清新;主题:<稻已黄,风吹过,我知道秋天你会来的>调色修图思路及技巧,喜欢的可以借鉴学习

  • 新乡八里沟景区

    八里沟瀑布雄伟壮观,瀑布落差157米,宽5米,最大流量20个,一年四季不断.瀑布下面雾气蒸腾,凉气袭人.若天气晴朗,阳光直射,彩虹飘带,七色俱全,忽隐忽现.身临其境,使人观之不舍,乐而忘返.观瀑前行,即到天梯,天梯挂于一线天两边,沿崖而上,陡峭险峻,但危而无险,游人呼叫之声,回音串串,身居山缝,其乐无穷.上了天梯便到八里沟,这里是瀑布之源,无数山泉喷涌而出,光洁平整的红石板,层层叠叠,瀑布横截面达五十余米,无数名人.厂家在此.写生拍摄留影.人称太行第一峰的老爷顶,海拔1570米,因与湖北武当山南

  • 电脑装机DIY是什么意思 电脑装机DIY是什么意思

    电脑组装教程中涉及到众多DIY字眼 DIY是什么意思 "DIY"是什么?直白的来说就是"Do it yourself"的英文缩写,又可以翻译为"自己动手做".而实际上,"DIY"原本是个名词短语,但往往被当作形容词使用,意指"自助的",意指对个性.独立事物的追求.但是在国内,目前"DIY"这个词用得最多的地方还是电脑市场,一进电脑城,你听得最多的词也是"DIY",在电

  • “住游网” 折射服务器安全隐忧 “住游网” 折射服务器安全隐忧

    话说今年百度加大了对站群打击力度,让很多站群操作者损兵折将.现在也的确很少发现站群的影子了.但是今天无意中发现,原来还存在着一种另类的"站群".这不,"站群"又卷土重来了. 当然了,前几页都是这种类似的网站,不相信大家可以百度下"住游网".咋眼一看,都以为是站群.但是越看越不像.看外链.看网站域名都不像站群操作啊!然后点开网站一看,竟然发现网站都是不同的内容. 然后又点开百度快照,发现全部都是住游网的信息.原来真的不是站群,而是网站被人家动了手脚

  • 天魔幻想3V3战场最强控制眩晕流对战心得分享 天魔幻想3V3战场最强控制眩晕流对战心得分享

    在天魔幻想的这一款游戏当中的3V3战场与冒险关卡不同,这是一个玩家与玩家对抗的战场.在前期因为等级普遍不高,所以上场伙伴都是挑星级高的,今天小编在这里来给大家推荐分享一下眩晕流的玩法心得,下面就来一起看下吧. 给各位天魔幻想的玩家们来详细的解析分享一下3V3战场的最强控制眩晕流对战心得. 心得分享: 眩晕流伙伴组合特点 在3V3战场上,控制技能的重要性越来越强,而眩晕正是控制技能中较强的一种,处在这个状态下的敌人无法攻击和移动,只能被动挨打.眩晕技能分为单体眩晕和群体眩晕,单体眩晕时间较长,大概

  • 网虫-栈溢出有关问题

    网虫-栈溢出问题? 兄弟,这几天做网虫是遇到内存不够的问题,但我下载到4000左右的(URL)后因栈溢出现象而停止! 那位仁兄跟些意见! ------解决方案-------------------- 估计你递归调用太多了,或者线程调用太多了!

  • 《亚当找夏娃2》第19关攻略 《亚当找夏娃2》第19关攻略

    亚当找夏娃2第19关攻略,这一关我们要把两条鱼引开才能过关,下面小编来向大家介绍详细的方法. 1.首先点击岸上的木板,然后点击树根,树根就会升上去. 2.点击右边的食物,再点击左边的小黄鱼,小黄鱼就会把食物吃了. 3.点击右边的鱼,小黄鱼就会跟着它走,最后点击亚当就过关了. 亚当找夏娃2通关攻略:http://www.newyx.net/gl/341487_1.htm

热门推荐
  • 宝宝冬天能不能穿开裆裤 宝宝冬天能不能穿开裆裤 开裆裤对于宝宝和妈妈来说都极为的方便着装.夏天的时候,经常看到宝宝们穿着开裆裤玩耍,小小的屁股露在外面很是可爱.但是在寒冷的冬天,宝宝们还能穿开裆裤吗?穿开裆裤会不会对宝宝有什么影响?育儿专家认为冬季宝宝最好不穿开裆裤. 本站阅读配图 1. 易着凉 一般宝宝的开裆裤都是从前面的腹部开始,开档到后面的腰部.整个暴露在外面的面积很大,前后通风,很容易让凉风钻到宝宝的体内,生病感冒.在冬季,家长可以给宝宝的里面的裤子穿开档的,外面的外裤穿正常的裤子.这样即便于家长们,又有利于保护宝宝不受凉风侵袭. 2
  • 美团怎么修改绑定手机号 美团怎么修改绑定手机号 1)打开美团进入应用,点击下方导航栏[我的],接着点击用户[头像栏].接着点击[已绑定手机号].(如下图) 2)发送原来绑定手机验证码,输入验证码后点击[验证].输入新号码后获取验证码输入后点击[绑定]即可.(如下图)
  • 揭秘令人望而却步的昆仑山死亡谷之谜 揭秘令人望而却步的昆仑山死亡谷之谜 昆仑山的死亡谷被称为昆仑山"地狱之门",在昆仑山之中,有一块谷地,这里的牧草繁茂,野花妖娆,但是在茂密牧草生长的沼泽中却浸泡着动物.人的骨骸,再有谷地中随处会见倒塌的石屋.荒丘孤坟,从而让此处充满死亡的气息. 昆仑死亡谷,也叫那棱格勒峡谷那棱格勒峡谷,位于青藏高原昆仑山区,东起青海布伦台,北起布伦台,西至沙山,全长105公里,宽约33公里,面积约3500平方公里,海拔3200-4000米.发源于6000多米高昆仑山上的那棱格勒河,南有昆仑主脊直插云霄,北有祁连雪山阻挡着柴达木盆地. &
  • 8月喝什么茶消暑 8月喝什么茶消暑 8月是一年中最热的月份,应该多喝茶.天热喝热茶比喝冰水更爽,那是因为喝一杯热茶后,通过人体的皮肤毛孔出汗散发的热量,相当于这杯茶的50倍,所以会使人更感凉爽解暑.那么8月喝什么茶呢?下面小编推荐11款解暑消暑茶. 1.荷叶茶.每天用荷叶3~5克泡水喝,荷叶除了有清热利湿的作用之外,还可以健脾助阳,所以,用荷叶代茶饮可以清利湿热. 2.百花凉茶.取野菊花.荷花各10克,茉莉花3克,洗净后用开水冲泡,加盖泡10分钟,凉后即可饮用.此茶能起到祛暑气.清凉解热的作用.若是虚寒体质且脾胃虚弱的人最好不要饮
  • 工具型产品需要运营吗? 工具型产品需要运营吗? 猎豹移动CEO傅盛在做工具型产品时总结过这样一套方法论:边缘切入.单点突破.做到极致.这是产品经理的思维视角,意思是讲要避开巨头云集的领域,找到一个突破点,投入全部的力气,把产品体验做到极致,自然就会有用户喜欢.傅盛还经常拿猎豹清理大师这个产品举例,讲他在这个清理小工具上投入了200个产品经理及研发工程师,但却从没听到傅盛对外讲说投入了多少运营人员, 那么工具型产品到底需不需要运营? 如果我们按照做社交型产品.内容型产品的运营习惯去做工具型产品的话,会发现在产品本身上可以运营的地方其实很少.产品
  • 科技股重获青睐 苹果微软成全球前两大公司 科技股重获青睐 苹果微软成全球前两大公司 据彭博社报道,因为5个月的油价下跌让埃克森美孚的市值跌掉470亿美元,它被迫将全球第二大公司的位置让给微软.目前全球前两大公司都为科技公司,榜首的是苹果公司. 在最近一个交易日中,埃克森美孚股价下跌0.8%,以94.66美元收盘,近四个交易日中有三天下跌,这让它的市值缩水至4008亿美元.微软股价当天则上涨1.7%,从10月份以来已经上涨16%,让它的市值达到4089亿美元. 这种位次交换的是由于美国供应量持续,石油输出国组织又拒绝减少产量,使得原油价格下跌30%,与此同时,标准普尔500指数中
  • CF刷枪永久雷神技巧分享 教你不花钱无限雷神 CF刷枪永久雷神技巧分享 教你不花钱无限雷神 CF怎么刷雷神?首先正常进入游戏,随便选一个频道后要记得进入房间,好,现在点游戏商城,找到你想刷的枪,(注意了)先在枪的下面点收藏,然后把枪放到关注商品(这一步一定要记得),重点到了,接着你点购买,它会弹出一个框提示你钱不够对吧. 现在,在你要点确定的时候,立刻按住Ctrl加F5,按住不放!!这中间时间间隔一定要把握在0.5~1秒之间,这点非常重要!CF怎么刷黑龙 然后在你关注商品中点解除(那两个键还是按着不放),这时放开F5马上按Esc,(Ctrl始终不放)按住个两妙左右你会发现你被卡出商城了