位置:首页 » 教程 » jQuery soColorPacker 网页拾色器

jQuery soColorPacker 网页拾色器

日期:2016-07-01 阅读:0num
Advertisement

未采用生僻的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"></script>
<script type="text/javascript" src="jquery.soColorPacker-1.0.min.js"></script>
<script type="text/javascript" src="jquery.bgiframe-2.1.1.js"></script>

使用方法

<input type="text" class="txt" id="txt_pack_1" name="txt" />
$('#txt_pack_1').soColorPacker();

soColorPacke参数

$(obj).soColorPacker({
changeTarget:null, //颜色选择后填入或改变的目标对象,默认null为当前引用方法对象
textChange:true, //是否将颜色值填入target对象
colorChange:1, //值:0,1,2 ,0:不改变,1:改变文字颜色,2:改变背景颜色
selfBgChange:false,//改变自身背景颜色
size:2, //值:1,2,3,改变拾色器表现大小,1:小,2:中,3:大
x:0,////拾色器坐标x轴偏移量
y:20, //拾色器坐标y轴偏移量
styleClass:null,//自定义添加class名,不能为默认的 "colorPackerBox"
callback:callback:function(){}//点击颜色单元返回事件
});
相关文章
  • 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

  • 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.icolor.js JQuery 拾色器插件发布-jquery.icolor.js

    以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 google了N下,结果没找到现成的jquery拾色器插件很好的支持以下功能: 简单易用,仅显示常用的那些色块给用户选择,另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件,除了支持上面的要求,还有别的一些特性如下: 1,默认提供的色值为"常用的浏览器安全的色值".相当于整合了下面最后一个prototype版本的颜色拾取器.关于浏览器安全色值,可参考维基文档http://en

  • JS实现的网页上的颜色拾色器

    使用Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想使用某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较方便. 颜色拾色器 红 绿 蓝 灰 用鼠标单击下面的颜色块,将弹出颜色值 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • iOS软件iWheelColor:装在口袋里的拾色器 iOS软件iWheelColor:装在口袋里的拾色器

    颜色代码对于程序员和网页设计师来说非常重要,但如果不是在电脑旁,那么多的颜色代码一定不好记,也不容易查看效果.所以就有贴心的国外开发商推出了一款名为iWheelColor的辅助软件. iWheelColor 点击进入下载界面 iWheelColor iWheelColor是一款拾色器软件,它可以让平面设计师.程序员和网页设计师等工作者非常直观和正确的找到颜色组合.我们在软件的主界面上可 以看到一个色彩轮,可以随意用手去触摸滑动或是改变.iWheelColor既支持2种颜色的互补,也支持三个颜色的

  • 用纯js打造拾色器无法实现循环点击onclick

    用纯js制作拾色器无法实现循环点击onclick 网上是有很多拾色器代码,但是我是新手,想用纯js制作拾色器,代码如下. 问题是我如果一个一个触发onclick事件内容输出没有问题,但是假如for语句,就提示undefined <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #container{

  • Linux下拾色器:功能强大的gpick Linux下拾色器:功能强大的gpick

    以往在 Linux 下要拾个颜色啥的我一直用 gcolor2 应付着.不过话说回来,gcolor2 的功能实在有些弱.现在有了功能更加强大的 gpick,gcolor2 可以正式"下岗"咯. 且让我们来看看 gpick 有些啥好功能: 在放大的屏幕区域中,按空格键即可快速取色: 为拾取的颜色自动命名: 能够将拾取的颜色以不同格式拷贝到剪贴板,目前包括十六进制.RGB 及 HSL: 可以将拾取的颜色导出为调色板,支持 gpl.ase.mtl 等格式,以供 GIMP.Inkscape 等程

  • HTML 拾色器

    获取 暗/明 渐变颜色效果.

  • (原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用经验 (原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用经验

    (原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用心得 jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件,它支持大部分的网络多媒体播放器和多媒体格式,比如:Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF.它根据当前的脚本配置,自动将a标签替换成div,并生成object, embed甚至是iframe代码,至于生成object还是

  • jquery:使用 SoundManager 二 创建简单的网页音频播放器

    jquery:使用 SoundManager 2 创建简单的网页音频播放器 官网:http://www.schillmania.com/projects/soundmanager2/ HTML5 标准中加入了两个非常强大的标签 audio 和 video ,让我们在网页中嵌入视频和音频变得非常方便,但是不幸的是目前用户所使用的有很大一部分浏览器都是老版本的,并不支持这两个标签,这使前端开发者们很困扰,这里介绍一款相对来讲支持浏览器比较多的网页音频播放器 ------ SoundManager 2

  • 利用HTML5制作漂亮的网页音乐播放器 利用HTML5制作漂亮的网页音乐播放器

    html5的强大大家都知道了我们可以使用简单的代码实现漂亮复杂的一些功能,下面来看一个利用HTML5制作漂亮的网页音乐播放器的例子. APlayer是一个非常漂亮的HTML5音频播放器,它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名.歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放进度以及设置播放源. HTML 首先是要加载播放器样式文件,这个播放器的样式酷似网易云音乐播放器.然后在body中加入播放器div#player1,待会要调用播放.接着载入APlaye

  • 基于讲述jQuery Ajax请求状态管理器

    基于讲述jQuery Ajax请求状态管理器是一篇对ajax深入了解的一篇文章有需要了解的朋友可以参考一下. 现在的网站,在一个网页中有异步请求甚至许多个异步请求已经不足为奇.Ajax已经成为了现在网站必须的基本功能,使网页应用更接近于桌面应用. 然而,无论有多么接近,通过客户端与服务端的一来一回,必定会有等待加载数据的时间.所以,大多数网站都通过一个Gif动态图标或'Loading...'等字样来告知用户数据还在加载中.但有时候这个问题会非常繁琐和麻烦,要么将这个'Loading'显示在aja

  • HTML5之audio实战,网页音乐播放器开发 HTML5之audio实战,网页音乐播放器开发

    今天我们就基于 HTML5 audio 来,开发一个网页音乐播放器. 在HTML5 新特性中,audio .video 是我们比较关心的 新 元素,我们终于可以脱离 Flash ,来开发音频.视频播放器了,对于 一个HTML 新元素,无非就是 属性.事件 .方法等等,关于audio 的具体的属性.事件 .方法,请谷歌. 看我们的HTML代码: audio.html Audio 正在播放: 播放 上一首 下一首 暂停 播放模式 单曲循环 顺序播放 随机播放 <script src="bowe

  • 网页安全色介绍 网页安全色介绍

    虽然现代计算机绝大部分都是支持256色(8位),但只有216种颜色是在网页上是通用的,即使在现在普遍支持到16位与32位的计算机中,还是有10%的计算机的色彩被局限在256种. 上图就是网页安全色,我们可以在大部分图像软件(如photoshop)中找到它们 上图是网页安全色其中所有的绿色,我们可以发现只有6种绿色在网页是被安全显示的. 如果我们在网页中使用一种绿色,而这种绿色并不属于上面六种绿色之中,那么就会在一些只有256色的计算机上显示成一种带有微小网格状的色彩.可以参考下图: 上图中夸大了

  • flash混色器面板教程 flash混色器面板教程

    混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形.在该面板中可以对线条和图形的颜色进行高级设置,具体分为以下几种类型. 一.无填充色 无填充色是指图形的填充区域没有颜色内容,在面板中只能设置线条的色彩.如图1所示. 图1 二.纯色填充 纯色填充是Flash 8默认的色彩填充模式,也是最常用的一种色彩填充模式,用于完成对图形色彩的填充,如图2所示. 图2 三.线性渐变填充 线性渐变填充是从图形的一边向另一边进行逐渐变化色彩

  • jQuery控制网页打印指定区域的使用方法

    本文实例讲述了jQuery控制网页打印指定区域的方法.分享给大家供大家参考.具体分析如下: 使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容,如下代码所示: <html> <head> <title>jquery 打印指定区域内容</title> <script src="js/jquery-1.7.2.min.js"></script> <script type

  • Jquery实现网页跳转或用命令打开指定网页的解决方法

    本篇文章是对使用Jquery实现网页跳转或用命令打开指定网页的解决方法进行了详细的分析介绍,需要的朋友可以参考下 Jquery实现网页跳转或用命令打开指定网页!location.href = "www.jb51.net"; location.href = "aa.aspx";

  • JQuery给网页更换皮肤的方法

    本文实例讲述了JQuery给网页更换皮肤的方法.分享给大家供大家参考.具体分析如下: 为了更好的提升用户体验,很多网页都有换肤的功能,那么这是怎么实现的那,其实,换肤只不过是在对应的位置改了Css样式罢了!! 下面就演示如何简单的换肤 在设计HTmL代码时,注意一些小技巧,可以将皮肤选项按钮的id设置成和皮肤样式文件名称相同,这样皮肤切换的操作就简单多了样式连接要带一个有Id样式的连接表,通过操作该链接的href属性的值,从而实现换肤.即: 用户点击完就可以换肤了,但是,当用户刷新或者关闭浏览器

  • Dreamweaver网页安全色 Dreamweaver网页安全色

    虽然现代计算机绝大部分都是支持256色(8位),但只有216种颜色是在网页上是通用的,即使在现在普遍支持到16位与32位的计算机中,还是有10%的计算机的色彩被局限在256种. 上图就是网页安全色,我们可以在大部分图像软件(如photoshop)中找到它们 上图是网页安全色其中所有的绿色,我们可以发现只有6种绿色在网页是被安全显示的. 如果我们在网页中使用一种绿色,而这种绿色并不属于上面六种绿色之中,那么就会在一些只有256色的计算机上显示成一种带有微小网格状的色彩.可以参考下图: 上图中夸大了

  • jQuery控制网页打印指定区域的方法

    使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容,如下代码所示: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <html> <head> <title>jquery 打印指定区域内容</title> <script src="js/jquery-1.7.2.min.js&qu

最新文章
  • 上海,前端求职,希望能找到一份合适的工作

    前边几份工作几乎都是借助 V2EX 找到的,今年依然希望能有好运气.可能 合适 的工作是有些想太多,不过我仍然相信这样的工作有很多,我也有机会遇到. 乱投简历的方式我觉得不是很有效,就像街上遇到妹子就问人家有没有男朋友.希望我能够有幸遇到这份 合适的工作 . 越过山丘 虽然已白了头 喋喋不休 时不我予的哀愁 还未如愿见着不朽 就把自己先搞丢 -- 李宗盛 <山丘> https://www.youtube.com/watch?v=rVEMTxg_LrU --cut-- rlog在2016-05-

  • 好羡慕这样能对自己事业有这么高热情的人..

    www.youtube.com/watch?v=AAsICMPwGPY www.youtube.com/watch?v=-k3mVnRlQLU It makes you think? --cut--

  • 个人感觉一款已经很像Mac版360的软件

    http://www.magicansoft.com.cn/index.html# 某站上广告点出来的 --cut-- Hansee在2013-06-07 22:57:0回答到: 光看软件截图就有: 1.设定默认程序: 2.开机加速-- 3.所谓的病毒扫描实时扫描??-- ETiV在2013-06-07 23:05:2回答到: 装过.妈蛋的,当时的感觉就是被骗了 本来以为是老外做的,还能有点操守,所以装的 装了之后,主程序退出后还一个驻守程序,从程序自己的界面上是关不掉的.只能杀进程.

  • 女教师三八妇女节演讲稿

    尊敬的老师,亲爱的同学们,大家好! 春回大地,万象更新,在这生机盎然的季节里,我们又迎来了三八妇女节,在这里,让我衷心地向所有的女性,尤其是女老师们说一声:节日快乐! 众所周知,在封建社会的旧中国,重男轻女的风俗,男尊女卑的训谕,"三纲五常"."三从四德"之类的封建纲常伦理,使广大中国女性不知蒙受了多少苦难,多少凌辱!她们被死死地压在社会的最底层,没有自由,没有权利,更没有地位.难道女性天生就是弱者吗?不,不是,新民主主义时期,无数女性为了争取自由和平等,不惜抛头颅

  • 产后坐月子早开奶的五大经验高招

    产后坐月子早开奶的五大经验高招 1.树立母乳喂养的信心 许多新妈妈不相信只靠自己的乳汁就能喂饱宝宝,其实,不论乳房的形状.大小如何,都能制造出足够的奶水,树立母乳喂养的信心很重要. 2.尽早吸吮,勤吸吮 看到刚刚顺产出来的乐乐红红的脸蛋,睡得美美的,妈咪真的不忍心打扰他,可是医生说婴儿的吸吮反射通常在出生第一小时内最强,建议产后半小时内开始哺乳,没有乳汁也要乐乐吸,才能促进乳汁分泌.另一位妈咪文娟说,剖宫产后我和宝宝都因为麻醉药而昏昏欲睡,对哺乳没有一点兴趣,医生扶着我,侧身把乳头送进宝宝的口中

  • QQ群视频时右侧群成员是怎么排序的? QQ群视频时右侧群成员是怎么排序的?

    在群视频时右侧群成员的排序是按进入视频秀的先后顺序来排的,跟QQ号码的等级和会员等级无关.

  • linux如何修改IP/DNS路由命令行设置

    ubuntu 版本命令行设置IP cat /etc/network/interfaces # This file describes the network interfaces available on your system # and how to activate them. For more information, see interfaces(5). # The loopback network interface auto lo iface lo inet loopback #

  • 台湾台北承天禅寺

    承天路拾级而上至半山腰,即可见白墙绿瓦的承天禅寺,建于1955年,庄严肃穆,为台湾省著名的佛教胜地.平时上山参禅礼佛的人很多,游人膜拜之余,可伫立寺前极目四望,可眺望台北盆地及观音山色.淡水河景,视野极佳:寺方并己购得毗邻溪谷的大片土地,未来可能辟建为放生池及放生鸟园,同时原哈哈谷水火同源的景观也将开放参观

  • Centos中chattr和lsattr命令使用详解

    chattr和lsattr命令在linux中是对字符的一个操作了,同时它们还可以带许多的参数了,下面我们来看一篇关于chattr和lsattr命令使用详解,希望下面的内容能够对你有用. chattr命令的用法: chattr [+-=][ASacdistu] [档案或目录名称] 参数说明: +-= :分别为 [+ 增加] [- 减少] [= 设定] 属性的意思 A :当设定了 A 这个属性时,这个档案(或目录)的存取时间 atime (access) 将不可被修改, 可避免例如手提式计算机容易有

  • 百度云客户端出现“网络异常”提示怎么办 百度云客户端出现“网络异常”提示怎么办

    我们在使用百度云的时候,经常会有可能出现"网络异常"的错误,导致被取消登录或者停止上传,其实这个问题是因为百度云调用了所有资源上传导致的,所以解决办法就是要进行相关的限速. 百度云管家对带宽的利用率是很高的,恰恰就是因为如此导致可能是因为ISP认为用户非法使用,从而出现异常,所以你要根据自己的带宽情况,在云管家里适当限速即可.

热门推荐
  • 职场孕妇注意事项 职场孕妇注意事项 职场孕妇注意事项 对于职场中的孕妇来说,怀孕是一个艰苦的过程,但为了宝宝的健康成长,妈妈们工作再忙,也要请假到医院进行产前检查.整个妊娠期的产前检查一般要求是9-13次,发现有异常的孕妈妈应增加产前检查的次数.检查内容包括身高.体重.腹围.宫高.血压.骨盆外测量.妇科内诊.乳房检查.产前临床化验等. 产前检查的频率如下: 前3个月至少一次; 27孕周前,每4周一次; 28-35孕周,每2周一次; 36孕周后,每周一次. 注意休息 避免加班 工作时间长或工作压力大的孕妈妈,较容易出现早产和新生儿体
  • 9大食物有助防晒 9大食物有助防晒 防晒吃什么 樱桃. 樱桃是含铁及胡萝卜素较多的一种水果,它的营养非常丰富,对气血较虚的人能起到补血补肾的作用,饭前食用200-300克可以调理肠胃功能,对消化功能差的人很有好处.樱桃中丰富的维他命C能滋润嫩白皮肤,有效抵抗黑色素的形成.另外,樱桃中所含的果酸还能促进角质层的形成. 西瓜. 吃西瓜不同于喝水或饮料,它对人体不仅仅是水分的补充.西瓜汁中含有多种有益健康和美容的化学成分,如能促进皮肤生理活性的氨基酸.这些成分易被皮肤吸收,对面部皮肤的滋润.营养.防晒.增白效果较好. 柠檬. 柠檬含有丰
  • 2015植树节学生手抄报:树的年轮是怎样形成的 2015植树节学生手抄报:树的年轮是怎样形成的 每年的三月十二日是植树节,你对树有哪些了解呢?如果仔细观察树木被锯断的断面,会发现许多圈环状排列的轮纹,这就是年轮.年轮是怎样形成的呢? 树干的最外层是树皮,树皮大部分属于木本植物的韧皮部,韧皮部包裹的是材质.材质是树干的木质部,木质部是木材的来源,因而又称为木材.在韧皮部和木质部之间有一层生长特别活跃,处于不断分裂增生状态的细胞层,这一细胞层就称为形成层.树木的长粗主要是形成层细胞活动的结果.形成层细胞不断分裂,向内形成新的木材,向外形成新的韧皮部. 形成层的活动受季节影响很大,特别是在有显著
  • 教你申请Windows Server 2008序列号 教你申请Windows Server 2008序列号 求人不如求己,微软的官网比较慢,申请Windows Server 2008 序列号也是一件很头痛的事,还有很多朋友还申请不成功,下面我就一步步教大家来申请Windows Server 2008 序列号,现在申请的序列可以用到2008年6月30号,如果不激活,则只能用30天,如果只是尝一下新鲜的朋友就不用去申请了,打开长期研究Windows Server 2008的朋友还是申请一个比较好,免得过期不能用. 好了,下面来正文, 进入网址:http://msdn2.microsoft.com/zh-c
  • 怎么修改默认路由器wifi密码 怎么修改默认路由器wifi密码 1.首先在浏览器中打开,路由器默认登录地址:192.168.1.1,然后使用默认的admin账号密码登录,如下图所示: 注:有些路由器的默认登录地址也可能是192.168.0.1,大家最好可以对照下路由器外壳铭牌上的标签. 2.登录路由器管理界面后,我们点击打开左侧菜单中的"系统工具"--"修改登录口令",如下图所示: 3.最好我们就见到了,如下路由器密码修改界面,这里的路由器用户名与密码均可以修改,如下如所示: 最后点击保存后,会提示我们需要重启路由器生效,我们点
  • 4.8英寸谷歌XPhone将11月上市 4.8英寸谷歌XPhone将11月上市 自谷歌收购摩托罗拉移动之后,两家公司将联合推出手机的传言就不曾断过.最终,谷歌承认将会推出名为"XPhone"的手机.近日,一则有关谷歌X Phone的最新传闻给出了摩托罗拉这款未来机型的更多细节,但所有这些消息在X Phone正式发布之前将足以令潜在的消费者们一头雾水. 网络上一直充斥着越来越多的XPhone相关消息,尽管目前我们还一直没有看到这部手机将会以怎样的面貌展现在大家面前. 并非此前传闻所说的六月或七月份,今天的消息表示XPhone将会在今年11月份上市,这个时间段正值节日
  • 没有一种痛是单为你准备的 没有一种痛是单为你准备的 1 记住,这个世界,没有一种痛是单为你准备的. 因此,不要认为你是孤独的疼痛者.也不要认为,自己经历着最疼的疼痛.尘世的屋檐下,有多少人,就有多少事,就有多少痛,就有多少断肠人. 活着,就是要痛一痛的.有声有色地活过,其实就是有滋有味地痛过.当然了,有时候,你觉得痛,不是你有多苦,有多委屈,只是觉得自己很可怜,很无助,很孤单. 痛也是怕比较的.了断痛的一种方式是比较.把自己的痛放到万千的人群中,比完了,你也就放下了. 我的意思是,在芸芸众生的痛苦里,你才会发现,自己的这点痛,真的不算什么. 2