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

最新文章
  • [北京] 极客公园 招聘 技术岗( 15~25k) [北京] 极客公园 招聘 技术岗( 15~25k)

    极客公园是谁? 极客公园成立于 2010 年,是中国创新者的大本营.通过对前沿科技的观察报道,业界一流的线下活动,众筹孵化等全方位的创业服务,极客公园汇聚了中国最广大的创新.创业人群.在内容媒体.会展公关.创业服务三大业务线协同发展下,极客公园帮助中国创业者更有效率的探索未来,链接更多的资源,让优秀的科技创业公司得以更快速的成长. "极客"概念在极客公园的推动下,已经成为推动社会发展的重要力量.极客公园亦成为中国极客群体交流互助的首选平台和中国创新人群成长道路上的重要伙伴. 我们能提供

  • 华为P1,2012年8月购入,出~~

    刚换华为D2电信版了,要把这个出掉,有意的加QQ:397341123 --cut-- xingzhi在2013-03-28 23:25:4回答到: 报个价吧,现在临时需要多台手机. citydog在2013-03-29 14:43:2回答到: 900 MacGG在2013-03-29 16:17:0回答到: 后路要换手机吧 citydog在2013-03-30 10:33:3回答到: @MacGG D2电信版的已经到手了... 唉,二手的东西价格永远不合适,算了,给我媳妇儿了,备用机~~

  • 智能内衣时代已经来临! 智能内衣时代已经来临!

    在过去的几年中,我们接触到了很多穿戴式技术产品,事实上,我们衣柜里的很多衣服都可以更换为穿戴式产品,从智能夹克到袜子,还有头盔和鞋子,都和智能穿戴式技术有着千丝万缕的联系,我们很高兴看到这种情况,但现在加利福尼亚大学的工程师们又提出考虑退出智能内衣产品,那么下面我们就一起来一探究竟吧! 什么是Printed Sensors 加利福尼亚大学和圣地亚哥雅各布工程学院的研究人员一直致力于印制传感器的研发,这些传感器都是微感测元件,可以印制在纺织品表面,本质就是简单电极,可以清洗.甩干.在对这些传感器的

  • win7系统如何制作特殊字符 win7系统如何制作特殊字符

    win7自带的小工具很多,但是我们不经常用到,甚至不知道有这么一款软件.今天,就跟大家推荐一款很实用的字符编辑软件,能够很好的组合出极富有个性的字. 操作步骤 1.打开Windows7自带的字符编辑工具,不知道位置,可以点击开始,在下方输入字符编辑搜索. 2.打开之后,选择好代码,然后确定,点击菜单栏--窗口--参照. 3.在参照界面输入任意一个字符或者汉字,比如我输入%. 4.确定之后,点击左侧的矩形选项,在参照界面框定字符,拖动到左侧编辑界面. 5.用同样的方法,组合成如下的字符.要保存的话

  • 新婚伴侣拍婚纱照时有什么注意事项?

    1不要找影楼!特别贵,而且你选的套餐便宜就态度很差.花很多钱照出来的还是很土,那种淘宝范的,或者土大款风格的.要找口碑好的工作室,最好是你的朋友拍出很好效果的那家.好的工作室有很多细节可以评判,一是装备很好,二是衣服很有档次,而且分大小号!这一点很重要.三是他们的样本一定要极其美特别有感觉,而且风格你很喜欢. 2找好你喜欢的国际大牌风格,拍类似的感觉.不要以为自己照不出来,好的摄影师可以帮你实现夙愿.可以关注一下豆瓣上的毒舌奶奶,她有一系列的婚纱评论和日志,很犀利. 3之前几天要休息好,花一整天

  • CSS制作网页技巧:单图片按钮实例 CSS制作网页技巧:单图片按钮实例

    网页制作poluoluo文章简介:一般我们做按钮基本上都需要两张图片,一张正常状态的图片,一张按下去效果图片做这种按钮思路就是,设置链接a的背景为第一张图片,a:hover的背景为第二章图片. 一般我们做按钮基本上都需要两张图片,一张正常状态的图片,一张按下去效果图片 做这种按钮思路就是,设置链接a的背景为第一张图片,a:hover的背景为第二章图片 代码如下: HTML代码: <a id="theLink"></a> CSS代码: #theLink{ disp

  • 夜央、花未开_QQ男生网名,伤感繁体字

    未完.待續 杜 U love Me 摧残.女儿身 季末﹏ ※ 罪与罚丶 詩化邂逅. 蹲街,收寂寞 梦想不遥远. 伦敦.叫花子 一直很.低调 み帅※真● ﹏. 葬礼° 丶小丑 √ 列表循环 老烟蒂的沧桑. 从未试过拥有 丶 狂热. 人心隔肚皮ヽ 如果你也听说 静璇 走道蹦迪. 丶名草|有主灬 淡定. 心真的伤了ヽ 稚氣刂\男人 你们疯狂的脸 如今我已不再感到彷徨 摧残n1的一切 .看月亮爬上来 虚weI彻骨╮ じò ぴé主流"′ 怪我不争气 又在雨天. ✄′夜 鈦镁. ﹏左.耳. 抛弃 . 不见的

  • CSS中的行为:expression

    CSS中的行为--expression 最近对CSS中的行为比较感兴趣,虽然是不符合标准的也只有ie才能识别,但是他确实给css的功能扩展了不少.下面是摘自互联网上的文字和例子,因为都被转烂了,没法注明出处. IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性.就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果. 在表

  • 【代码札记】日历 【代码札记】日历

    [代码笔记]日历 一, 效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> #import "CalendarView.h" #import "CalendarUtils.h" #import "CalendarStyle.h" @interface RootViewController : UIViewController <CalendarViewDe

  • 嵌入式电子书、串口源码、单片机等资料分享,该如何解决

    嵌入式电子书.串口源码.单片机等资料分享 ARM应用系统开发详解.pdf C&C++嵌入式系统编程.pdf liunx实验指导书.pdf Thinking in embedded(嵌入式编程思想).chm uclinux核心手册-中文.chm UCOS资料.zip 基于Windows的 TAPI的调制解调器编程_编程.htm 多线程串口通讯实例.zip 我也来学做嵌入式Linux系统V0.1(完整版).doc 收发传真的C源码.zip 用API函数自动实现拨号上网的程序.zip 用TAPI开发通

热门推荐
  • 暗黑 2 狗牌 暗黑 2 狗牌 看到大家在里抢暗黑3的狗牌,才想起来我还有个这个,在家翻箱倒柜半天后好不容易找到了.发上了缅怀下当年的激情吧,今天我就不和大家抢了,因为我知道买了也会和我一样到时候不知道扔哪去了.依稀还能看到上面的数字,我是第3649位购买者-- P.S这里怎么贴图片啊? --cut-- WildCat在2015-04-23 15:06:3回答到: 骷髅党你好!刚在 NGA 看见你 请用新浪微博做图床 mancoffee在2015-04-23 16:02:5回答到: 你也混那?那里貌似都是年轻人吧?
  • 图解:2013年百度搜索引擎工作原理 图解:2013年百度搜索引擎工作原理 最近发现我身边和加我QQ的朋友们,总会问到我一些搜索引擎蜘蛛爬行的问题,所以今天我想为大家分享的这个seo优化知识就是百度的搜索引擎工作原理,其实应该是seo基础,呵呵.好了不废话了,还是抓紧为大家分享seo基础吧. 为了让大家能够更详细的明白,下面笔者准备了一张图,分享在我的seo博客里,供大家参考. 搜索引擎工作原理的图片详解 根据上图解释的搜索引擎工作原理,笔者要一步一步为大家解释,讲解.进行完整的seo培训服务. 1.www:我们的互联网,一个巨大的.复杂的体系; 2.搜集器:这个我们站
  • Photoshop打造波普风格特效 Photoshop打造波普风格特效 最终效果图 原图 1.打开图片大致扣出人物主题,我这里用的是魔棒工具: 2.扣图后的样子: 3.点击图层下方创建新的填充或调整图层--通道混合器,选择单色: 4.点击图层下方的创建新的填充或者调整图层-- 阈值,数值依照图片而定: 5.这是我们会发现,有些部分已经没了细节,所以要用加深和减淡工具来涂抹眉毛.眼睛和头发.原则是:需要黑的部分用加深,需要白的地方用减淡: 6.用过加深减淡工具后的对比图: 7.用过加深减淡工具后的图片效果,注意看,细节出来了: 8.扣出黑色部分,填充底色,完成. 9.