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

最新文章
  • 领极客学院 30 天的 VIP,有需要的小伙伴嘛

    [免费福利 1 枚]领极客学院 30 天的 VIP ,平时 30 元,现在免费.可以看全站 7500 节视频课程,想学编程的小伙伴速来.时间有限: http://e.jikexueyuan.com/invite/index.html?ZnJvbV9jb2RlPTg0MVRaNiZ1bmFtZT1xcV9hNGhyNjlxaiZjaGFubmVsPWludml0ZV9zaGFyZWJ1dHRvbl9kaXJlY3QwNA== --cut-- qfdk在2016-05-09 19:37:27回答到:

  • 做明星站点,使用啥程序比较好?

    萌妹子说有个明星特别喜欢,希望有一个中文的站点.so... 不知道wp适合否? 但是专业SEOer好像帝国cms之类的用的多些.不知道这些有啥优势? 程序要求: 1.要方便采集信息 2.模版够多 3.利于SEO 如果有朋友可以交流下心得是再好不过了. 谢谢 --cut-- Yeasiz在2013-02-03 22:38:4回答到: 明星站什么的,中文新闻都是自己翻译的,所以采集什么的不要考虑了. 你可以选择首页一个WP,然后再加一个BBS,不过这年头,大家都玩微博了=V= BackBox在201

  • 2014国庆节手抄报:五星红旗的故事

    "五星红旗"原来被称为"红地五星旗",是在1949年7月由上海现代经济通讯社的曾联松设计的.中国人民政治协商会议(简称"人民政协"."新政协")从全国各地的2992件作品中选出,在两次的精细筛选后,有38幅设计入围,最后第32号曾联松设计的"红地五星旗"拔地而出,然而因为原方案的大五星中央镶有镰刀与锤子,一些人认为与前苏联的国旗类似,中国作为主权国家应拥有独特易识别的国旗图案,经过几番考虑后决定取出镰刀与锤

  • 6k--7k(上海)

    6k---7k在上海能不能招到靠谱一点的数据库软件工程师啊. 手机平台方面的,比如sqlite... --cut-- judezhan在2012-07-16 10:53:5回答到: no... Veelian在2012-07-16 10:56:1回答到: sqlite还要一个专人来搞啊? itopgeek在2012-07-16 11:50:0回答到: @judezhan 不能?找不到靠谱的 itopgeek在2012-07-16 11:50:2回答到: @Veelian 就是专门去做数据库的 k

  • 社区积极入党分子2014年7月入党申请书

    尊敬的x区党支部: 我志愿加入中国共产党,拥护党的纲领,遵守党的章程,履行党员义务,执行党的决议,严守党的秘密,对党忠诚,积极工作,为共产主义奋斗终身,随时准备为党和人民牺牲1切,永不叛党. 中共"105大"会议确立邓小平理论为党的指导思想,提出党在社会主义初级阶段的基本纲领,明确我国跨世纪发展的的奋斗目标和任务,为贯彻105大精神,中央先后召开7次全会分别就农业和农村工作.国有企业改革和发展.制定"105"计划.加强和改进党的作风建设等重大问题作出了决定和部署,1

  • 男人护肝不容忽视的6件事 男人护肝不容忽视的6件事

    1:睡眠护肝 睡眠时人体处于卧位,肝脏能享受到更多的血液浇灌,加上身体处于休息状态,肝脏的负担最轻,故高品质的睡眠护肝功效显着.反之,睡眠质量差,尤其睡眠障碍,容易累及肝功能.医学专家已经注意到,一种称为睡眠呼吸暂停综合症的睡眠障碍可引起肝脏损害. 本站阅读配图 综合症,是指睡眠中因舌咽部狭窄和悬雍垂堵塞气道造成的呼吸短暂停止,严重者呼吸暂停时间可长达一分半钟以上.医学资料显示,患有严重睡眠呼吸暂停者约32%出现肝功能异常,肝功损害与呼吸暂停的严重程度呈正比.进一步研究发现,这种肝损害与睡眠呼吸

  • 美男子水底闭气78秒还原5个魔方创世界纪录 美男子水底闭气78秒还原5个魔方创世界纪录

    还原魔方能难倒不少人,但美国一名男子却成功在水下闭气状态下成功挑战.据报道,美国德州一名20岁男子日前以"神速"78秒还原5个魔方,但他是在水下闭气完成这壮举的.这比旧世界纪录90秒快12秒,更让人吃惊的是他在比赛前一日才开始练习. 布鲁克斯于8月1日,参加在新泽西州举行的美国全国魔方冠军赛.比赛当日,他先闭气潜入一个装有500加仑水的水箱内,工作人员便逐一把魔方交给他还原.只见他神情轻松,看似没有难度,更以单手还原第5个魔方. 布鲁克斯表示,他知道自己能做到,所以当进入水中便集中精神

  • 刀塔传奇迎来最强肉T 小小觉醒全面介绍 刀塔传奇迎来最强肉T 小小觉醒全面介绍

    2月9日消息,最近<刀塔传奇>又迎来了一位新的觉醒英雄--小小,在没出觉醒系统之前小小就是非常强力的T,但是出了觉醒系统后面对众多觉醒英雄小小就有些没落了,但是现在小小也觉醒了,觉醒后,小小的双抗更加出众,获封"<刀塔传奇>最肉T",下面我们来看看小小的觉醒技能和专属装备,揭秘<刀塔传奇>最肉T. [觉醒技能] 巨人守护:拥有巨人标志的巨人队友可获得魔抗增强. 小小的30级觉醒光环为所有巨人队友增加180点魔抗.目前已经推出的巨人系英雄为:蓝胖.潮汐

  • 卧室内不能摆放的11种花 卧室内不能摆放的11种花

    很多人喜欢在自己的卧室内养一些鲜花来进行装饰,增加美感,心情是可以理解的.养花不但使卧室漂亮,还能净化空气,对身体大有好处.不少人还不知道花不是乱养的,有很多花是对身体有害的,不但无宜,严重的还会危及生命. 本站阅读配图 卧室内不能摆放的11种花 1.兰花.百合花 这两种花其香气会刺激人的神精系统,令人过度兴奋,极容易导致人失眠. 2.月季花 它所散发出来的浓郁香味,会使一些人产生胸闷不适.憋气与呼吸困难. 3.松柏类花木 其芳香气味对人体的肠胃有刺激作用,不仅影响食欲,还可能使孕妇感到心烦意乱

  • 高中成语学习方法

    成语是在语言中经过长期实践,锤炼而成的固定短语,它具有简洁明快.要言不繁.因近取譬.画龙点睛的特点,是汉语词汇中的精华.因而正确地辨析和运用成语也一直是历年高考试卷上的必考内容. 重视成语学习,加强成语积累,本应是语文学习中的一个重要环节,然而,许多中学生在这方面却不懂正确的学习方法,不仅在成语学习上盲目随意,而且在知识的理解和掌握方面也显得模糊混乱.本文就此谈谈成语学习的一些方法,旨在交给中学生一把钥匙,以打开高考成语试题的这道小门. 一为"解字". 即对成语逐字解释.尤要突破难点.

热门推荐
  • 如何自定义一个最没有后遗症的 tabbarController? 如何自定义一个最没有后遗症的 tabbarController? 想给 tabbarController 添加一个滑动切换 controller 的功能,然后我就自己自定义了一个 tabbarController,本身是一个 viewController ,里面包含了一个 scrollview ,下方是几个按钮,但是发现这么做的结果是按钮的 UIControlEventTouchDown 变得和 UIControlEventTouchUpInside 一样,网上查说是手势冲出导致延迟响应,用了查到的解决方法都没用啊,请问是否有别的方案?一般各位是如何设计? -
  • 搜狐视频加载错误怎么解决 搜狐视频加载错误怎么解决 视频加载错误 1.请您检查是否安装了其他 P2P 软件,请尝试卸载后重启电脑. 2.如果您网络没有问题,请您尝试使用非IE为内核的浏览器,如采用高速内核的搜狗浏览器,能大幅度提高页面加载速度. 3.如果上述方法没有帮您解决问题,请您在『留言反馈』中填入您所在的城市.您使用的网络运行商.网络带宽等信息或者直接加入技术讨论群,以便我们更好地为您服务. 如何切换高清或者普通视频模式 我们的影视剧.动漫.纪录片都为您准备了多种观看体验.当您想切换播放模式时可以点击播放器右下角菜单栏清晰度显示按钮(下图是
  • 去澳大利亚旅游要注意什么 去澳大利亚旅游要注意什么 澳洲旅游攻略大全,包括澳洲人的吃.穿.住.行习惯,提醒游客在澳洲旅游有哪些事项是需要注意的.希望能帮到大家,开开心心出发,快快乐乐回家. 在澳洲需要注意的事项 1.时差: 澳大利亚境内分三个时区:东部 西部和中部时区,悉尼所在的新南威尔士州处在东部时区,非夏季 时间比北京快2小时,夏季时间比北京快3小时; 新西兰境内时间比北京时间快4小时. 2.气候: 澳大利亚,新西兰处南半球,一年四季气候宜人,没有极端温差.季节与我国相反,请根据当地温度携带衣物. 3.货币:澳大利亚货币单位为澳元 为十进制.
  • 最适合看漫画的平板:轻薄时尚板龙酷A8 最适合看漫画的平板:轻薄时尚板龙酷A8 越来越多玩家会利用排队乘车这些碎片时间去阅读自己喜爱的漫画,3G手机平板因为拥有比智能手机更大的屏和同样良好的便携,成为阅读漫画不错的选择.龙酷vogue A8 3G手机平板采用7.9寸夏普原装高清IPS屏,4.:3的黄金阅读屏幕比例更适合阅读漫画. 由于漫画或者杂志大小更加接近4:3的屏幕比例,采用4:3比例夏普原装高清IPS屏的A8可以全屏显示漫画或杂志,相比7寸16:9的屏幕显示面积大了44%,1024*768分辨率,显示画面精细,阅读更舒适. A8搭载基于Android 4.2.2深度定
  • 美国hostingforfree为您提供500M免费PHP空间 美国hostingforfree为您提供500M免费PHP空间 以下信息来自chinaz,这里表示感谢: HostingForFree.us是美国网站提供的免费php空间,有传言说是印度公司开的,2008年国内就有介绍,其实国外非常多网站在提供免费空间,不过怎么会介绍这个空间呢?主要是因为这空间网站连线速度还不错,而且提供的空间大小对于一般刚起步的网站来说,资源算是很充足,250MB的空间其实是很够使用,不论使用免费或是付费空间,最好是有提供FTP,因为这样搬家容易.好管理.虽然之前介绍的000webhost的整体感觉似乎现在这个HostingForFree
  • 雷军:联通版红米11月5日开放购买 雷军:联通版红米11月5日开放购买 根据小米官方网站最新预约信息显示,下一轮开放购买日期为11月5日,而在预约购买意向调查中新增红米手机WCDMA版,或有望参与下一轮开放购买. 根据小米手机开放购买规则,开放购买前需要用户登录小米网站进行相关产品的预约后才可抢购,而下一轮开放购买的预约调查中,除包含TD版小米3.小米2S和TD版红米外,WCDMA版红米(联通版)也出现在调查界面中.根据以往的开放购买规律来看,联通版红米极有可能出现在下一轮开放购买中. 28日,小米科技CEO雷军通过微博和微信透露,红米手机即将推出联通版(WCDMA