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

最新文章
  • 怎么用 python 把 1w 个 txt 文件平均分到 100 个文件夹中?

    怎么用python把1w个txt文件平均分到100个文件夹中? --cut-- mengzhuo在2015-01-09 13:46:5回答到: enumerate 每个文件 按100取模分配 移动文件 搞定 beordle在2015-01-09 13:49:2回答到: [move(index%100,filename) for index,filename in enumerate(list(glob.glob('*.txt')))] laotaitai在2015-01-09 15:36:0回答

  • 王垠:程序语言与……

    http://www.yinwang.org/blog-cn/2014/01/25/pl-and/ 深深击中不会编程的我-- --cut-- teavoid在2014-01-26 19:34:1回答到: 不明觉厉 guotie在2014-01-26 19:45:3回答到: 然. 与go语言设计者的主旨一致:简单. cocorosiekz在2014-01-26 20:23:0回答到: 垠神已经上升到哲学层面了 bengol在2014-01-26 20:42:1回答到: 太精辟了,"xxxx与减肥&

  • google web designer 打开就是白屏,不要告诉我这也能封了,需要翻?

    搞毛啊 --cut-- clips在2014-11-06 00:18:0回答到: 同问

  • 赛速科技视频会议终端套装出售 淘宝店最低至六折 赛速科技视频会议终端套装出售 淘宝店最低至六折

    致力于成为全球领先的移动交互技术提供商的深圳市赛速科技有限公司,在成立不到 2年的时间里,为多家企业和单位提供了超高性价比的视频会议产品和解决方案,并受到了多家单位的肯定.台湾建昇聽覺许经理表示:"整个赛速科技视频会议系统建设完以后,无论是会场音视频效果.会议操作管理还是会议功能非常好,得到了广大员工的好评.到目前为止整个系统运行良好,系统功能充分满足了员工日常沟通的使用需求,极大地推动了我们公司的信息化建设,提高了工作效率."知名的快消品澳优乳业市场部谭经理也公开表态:"赛

  • 盛大游戏私有化财团变动:盛大股权第三 完美世界退出 盛大游戏私有化财团变动:盛大股权第三 完美世界退出

    盛大游戏昨日宣布私有化方案调整,根据其官网最新发布的公告显示,今年1月27日因盛大游戏私有化而设立的财团产生一系列成员变化,东方金融控股(香港)有限公司.上海并购股权投资基金和中银绒业新近加入财团,盛大游戏母公司盛大网络成为第三大股东.完美世界和Primavera(春华资本)等公司将退出退出盛大游戏私有化,出售此前收购的全部盛大游戏股份. 据悉,东方金融将从盛大互动(Shanda Interactive)全资子公司盛大SDG投资有限公司收购1.23亿股A类普通股,占普通股总数的23%:海通证券(

  • 成语典故:蓝田生玉

    成语典故:蓝田生玉 "蓝田生玉"这则成语的意思是比喻名门出贤良. 这个成语来源于<三国志.吴书.诸葛烙传>,恪少有才名,发藻岐嶷,辩论应机,莫与为对.权见而奇之,谓瑾曰:"蓝田生玉,真不虚也." 三国时,东吴大将军诸葛瑾,字子瑜.他有个儿子叫诸葛恪(ke),从小聪明伶俐,口才极好,善于言辞,孙权对这孩子很宠爱. 有一次,孙权在朝廷设宴,六岁的诸葛恪随父参加.诸葛瑾的脸长得特别长,孙权想开他的玩笑,乘着酒兴,命人牵来一头毛驴,在驴的长脸上写了"诸

  • 如何设置ip地址

    XP系统下: "开始"菜单-->"控制面板"-->"网络和Internet连接"-->"网络连接"-->"本地连接",在"本地连接"上右键鼠标右键,然后从右键弹出的快捷菜单中选择"属性".在"常规"选项卡下的"此连接使用下载项目"列表中,找到"Internet协议 (TCP/IP)",

  • qq经典的个性签名 会飞的不一定是大鸟,也可能是李宁

    寂寞是一块试金石,可以试出一个人意志是否坚韧:寂寞更是酝酿成就的养料.缘此,对有理想有追求的人来说,耐得住寂寞方能不寂寞 1. 我就像现在一样看着你微笑,沉默,得意,失落,于是我跟着你开心也跟着你难过,只是我一直站在现在而你却永远停留过去. 2.爱情归于平淡后的生活是朴实无华的,象炉火,它能给你一生的温暖.它没有耀眼的光芒,没有炙烈的火焰,但它却让你心静如水,让你舒适,能陪着熬过无数个漫漫冬夜.当你从寒冷中回到家里,伸出冰冷的手,让淡淡的炉火烤着,你的心也会温暖起来.所有的激情最终都会归于一种平

  • Highcharts曲线图显示气温(带注释) Highcharts曲线图显示气温(带注释)

    Highcharts曲线图展示气温(带注释) 代码如下: <!doctype html> <html lang="en"> <head> <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/jav

  • 百度定位的api,可以定位香港特别行政区和台湾吗

    百度定位的api,可以定位香港和台湾吗? 百度定位的api,可以定位香港和台湾吗? ------解决方案-------------------- 可以,全球都可以.

热门推荐
  • 中国移动大幅降薪 最高50%或掀起离职潮 中国移动大幅降薪 最高50%或掀起离职潮 据悉,在中国移动的年中总结会上,中国移动发布了降薪方案.方案显示,中国移动二级正以上官员年薪将降50%,各省公司班子成员降40%,处长一级管理人员降20%. 对此,中国移动官方今日对"降薪"一事向媒体声明称,中国移动正积极研究制定全集团整体薪酬制度改革方案,不会层层降薪,本着薪酬与效益挂钩的原则,将薪酬适度向一线人员倾斜,进一步规范收入分配秩序,实现薪酬水平适当.结构合理.管理规范.监督有序. 中国移动本轮降薪是根据今年1月1日<中央管理企业负责人薪酬制度改革方案>(下称&
  • 锁定学生族群  酷狗安卓暑期华丽升级 锁定学生族群 酷狗安卓暑期华丽升级 酷狗作为最早进入安卓平台的音乐服务提供商,凭借海量的曲库和高品质且不断优化的客户端吸引了大批用户.百度最新发布的2012 Q1移动互联网趋势报告显示,酷狗音乐作为唯一的音乐软件,和手机QQ,UC浏览器.愤怒的小鸟等一起入选年度Android Top10应用 如今学生族被认为是正在崛起的具有巨大潜力的消费群体.不但如"那些年我们一起追过的女孩"这样的青春片大火,连最近推出的"青春版"小米手机也是一上市就卖到脱销.可见年轻人作为时尚消费领导者的地位不容小觑. 酷狗为了争
  • 滚筒洗衣机宽度及选购 滚筒洗衣机宽度及选购 滚筒洗衣机是一种常用洗衣机,家庭洗衣中十分常见.人们在选择滚筒洗衣机时常会根据它的宽度尺寸来选择,由于品牌.容量及造型的不同,滚筒洗衣机宽度也不同.另外,大家选购洗衣机时也比较迷茫,不知如何入手才好.下文将从滚筒洗衣机宽度及选购方面为大家介绍. 一般情况下,滚筒洗衣机高为850mm,宽为600mm,深450-600mm.根据容量可以具体划分为:容量在2.1-4.5kg,尺寸为600×550×600mm;容量在5.6-7kg,尺寸为840×595×600mm;容量在4.6×5.5kg,尺寸为596