位置:首页 » 教程 » 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小时就喝些水. 老人夏季养生要补盐和钾 夏季,汗液的流失会带走体内大部分的水分,同时也带走大部分的盐分,年轻人盐分缺失可能没有这么大的影响,但是老年人则不

  • PS善用预设提高修图效率 PS善用预设提高修图效率

    我们将告诉大家如何使用Lightroom 4提供的预设选项大幅提高工作效率,创造出迷人的特殊效果. 有没有觉得我们在处理自己的照片时,总会一次又一次地使用相同的设置执行同样的操作?如果是这样,那么Lightroom中的预设选项将大幅减少我们面对屏幕发呆的时间.预设就是保存好的文件处理设置,可以重复应用在任何其他照片上.Lightroom中的预设无论掌握还是使用都非常方便,能成倍提高我们的工作效率. 我们可以通过修改照片模块中的预设面板创建.管理和应用预设.而且,我们还能够在图库面板的快速修改照片

  • 解决pps播放器缓存慢的问题 解决pps播放器缓存慢的问题

    故障分析:pps缓存慢的问题首先看你是不是有可能是其它软件占用了大量的网络,比如你开了其他占用网速的应用程序,这就会导致pps缓存的速度变慢了.当然也包括用户本身的网速比较慢及电脑被中毒及恶意程序的原因所导致.那么关于pps缓存慢的问题怎么解决?解决方法如下: 一.网速不稳定 电脑被中毒及被一些恶意流氓软件入侵了,这种情况我们可以去看看任务管理器上是不是有一些乱七八糟的进程及查看cpu和内存的使用情况.当查看到不明进程在作怪的话,将这些进程结束掉,可能这些进程就是一些恶意程序在使用,导致网速不给

  • 立夏饮食注意事项 立夏饮食注意事项

    立夏饮食注意事项: 要注意以顺"心"为主 立夏后气温渐热,心脏的工作强度日渐增大,所以饮食应以顺"心"为主.故宜吃些具有祛暑益气.生津止渴.养阴清热作用的饮食,宜吃性凉多汁的新鲜果蔬,宜适当饮水和清凉饮料;长夏暑湿之气容易侵扰人体,使人出现倦乏力.食不振.口无味.身嗜睡的"苦夏症",此时又宜吃些具有芳香开胃.健脾化湿作用的食品;炎夏季节,老年人因热天消化液分泌减少.心脑血管不同程度的硬化,故宜吃些清补食物为主,辅以清暑解热.护胃益脾作用的食物和具

  • 请问V2EX的名字为什么可以是四个字符?

    如题,为什么为什么为什么,不是限制最少六个字符么????求真相-- --cut-- Orz在2010-10-23 23:27:1回答到: GAE早期不限字符数量. darasion在2010-10-23 23:28:0回答到: 申请的早呗.时间长了小于6位的大概都被申请完了. alpha222在2010-10-23 23:29:3回答到: 哦--好迅速的回复-- 谢谢楼上两位...

  • 最新中国人口日演讲稿范文

    同志们.朋友们: 今天,我们在这里集会,隆重纪念第××个中国人口日.我代表省人口计生委向前来参加集会的全体同志表示衷心的感谢,并通过你们向为我省人口和计划生育事业做出无私奉献的广大干部群众,致以崇高的敬意和亲切的问候! 十年来,XX市积极落实1994年开罗国际人发大会精神,提倡以人为本.促进男女平等,提倡优质服务.引入生殖健康新理念,提高妇女地位.关爱女孩成长,得到了人民群众的积极支持和热情参与,对人口.资源.环境协调发展起到了积极的促进作用. 为全面实现建设小康社会的奋斗目标,使经济更加发展.

  • 手机供应链接连倒闭 或因利薄要求高 手机供应链接连倒闭 或因利薄要求高

    科技讯导读:国内智能手机正做的风生水起,各大品牌新机型接连不断的冲击着消费者的眼球,但是作为品牌背后强力支撑的供应链厂商,却迎来了越发残酷的凛冽寒冬.由于品牌林立,价格战竞争日趋激烈,导致整个手机市场利润微乎其微,甚至很多厂家不惜赔本赚吆喝.虽然此举帮助一些厂商积累了一定的前期用户,但是对于供应链而言,却很难拿到应得的款项. 虽然不愿意给钱,利润也不高,但是手机厂商对于产品质量的要求却是与日俱增,"花最少的钱,做最棒的产品"是手机厂商对供应商下达的死命令,因此,除了此次福昌在内,已经有

  • qq透明皮肤怎么弄

    看到别人的qq皮肤是透明的,很酷很时尚,是不是很羡慕啊!?现在就教大家怎么弄QQ2011透明皮肤.这个教程超级简单的一看就会,不像网上搜的一些教程需要改好多文件,看的叫人头疼啊~~ qq2011透明皮肤补丁:Res.rdb和Default.rdb 文件 这两个文件是必须的,如果没有可以在网上搜索一下看能不能找到,但是要小心网上下载的是不是带有木马或者病毒. 下载或者准备好Res.rdb和Default.rdb 文件 关闭所有QQ程序(最好重启下电脑): 1.打开QQ程序所在文件夹(一般默认是:C

  • 卢松松:网页速度可能不会影响搜索排名了

    网站加载速度受到很多因素的影响,地域,带宽以及网速等因素都会影响网站加载的速度.因此,若仅以"网站速度"来评判网站的用户体验似乎过于武断,谷歌Matt Cutts表示,会针对这一问题进行改善.或许在未来,网站速度的影响力将会逐步降低. 假如两个不同的网站,所以的参数和优化都是一样的话,网页打开速度慢的那个排名会低的可怜,不过最近Matt Cutts在一次网站站长帮助视频"网页加载速度是否是影响搜索排名的"中讨论了这个话题,给出了一个让人兴奋的回答. Matt Cut

  • 三代同堂装修过渡很重要 三代同堂装修过渡很重要

    三代同堂装修过渡很重要 规划描述:本案在原平面格局不动的情况下区域划分四房一厨两卫功能齐全适合于三辈同党之家的生活起居.起居室的空间较大可以分为客厅和餐厅两个区域.房间分为主卧.次卧.长辈房.书房.沙发迎进门处设计一吉祥式屏风,遮挡一下一进门就看穿整个空间的局面.

热门推荐
  • 三星S6浮动信息怎么开启 三星S6浮动信息怎么开启 1)点击打开[设置]进入,在设定界面点击[浮动信息].(如下图) 2)开启浮动信息界面下的按钮,点击[透明度],设置你需要显示的透明度.(如下图) 3)点开透明度后可以向左减少或者向右增加透明度,最后点击[确认],在有信息来的时候可以看到桌面显示的浮动信息.(如下图) 注:更多精彩教程请关注本站手机教程栏目,本站手机数码群:296605639欢迎你的加入
  • 百度传课李哲:用技术攀登在线教育之巅 百度传课李哲:用技术攀登在线教育之巅 2015年12月,百度教育事业部成立并定位为百度重要的发展方向之一,百度传课作为百度教育事业部的核心业务,肩负了百度在教育领域中链接人与服务的重要使命.如何利用好百度的技术优势,让线上学习不再大海捞针,优质内容跃然纸上成为了这个线上教育平台需要面对的问题.此后,百度传课"12.3好课节"."年度好课集结号"."百度大咖荐课"等系列活动相继推出.同时,移动端首页个性化推荐,在线课程个性化学习路径等功能也悄然出现,有针对性的改变了每个学习者的用户体验
  • 松下千万像素单反相机L10 松下千万像素单反相机L10 之前国外一本杂志爆料,松下第二款数码单反相机Lumix DMC-L10即将发布.果不其然,今天松下Lumix DMC-L10的身影突然间闯入了我们的视线,令人大吃一惊.虽然在一个星期前,我们脑子全被佳能.尼康的新单反充实了,但是今天看到这款4/3系统中的新力军时,还是为之一振. 如之前所传闻的一样,松下L10采用1000万像素Live MOS传感器,有望在高画质.低噪声.低耗电方面凸显优势.L10搭载一块2.5英寸20.7万像素LCD,而且具有live view实时取景功能.同时,L10加入了面
  • 《激战2》捍卫泰瑞亚天降鸿福活动 《激战2》捍卫泰瑞亚天降鸿福活动 激战2捍卫泰瑞亚天降鸿福活动开启了,活动期间每天击杀一定数量的世界BOSS,即可获得丰厚的奖励,请看牛游戏小编为大家带来的详细内容. 活动时间:2014年6月6日--6月8日 一.活动内容 泰瑞亚大陆的黑暗势力蠢蠢欲动,年轻.勇敢的英雄们将踏上对抗黑暗的征途. 活动期间,每天击杀指定数量的世界BOSS,将获得活动奖励. 此外,连续3天达成活动条件,有机会入选百名幸运玩家,并获得宝石*1000. 经验增幅剂*1:6月6日击杀任意1个世界BOSS即可获得奖励: 皇室爵位(1天)*1:6月7日击杀任意
  • Mac磁盘里的其他东西能不能删除 Mac磁盘里的其他东西能不能删除 1. 查看 OS X 中"其他"部分大小 点击顶部苹果菜单,并选择"关于本机"项. 接着选择窗口中间的"存储"选项卡.即可发现 Mac 电脑的磁盘空间分布情况,可见"其他"部分(蓝色)相对来说还是不小的. 2. "其他"部分到底有些什么? "其他"部分占用磁盘空间往往不小,那么到底那些文件组成了"其他"部分呢? OS X 可以识别应用程序.备份.音频.电影.备份.和照