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

最新文章
  • &#34;you don&#39;t have to find out you are dying to start living.&#34;

    17岁的 zach 只剩下三个月,下面的视频是讲他的 last days 这是他的三个月内写的歌 "clouds" 需要正能量的在此贴获取 :p --cut-- h2sky在2013-05-25 03:14:3回答到: 生命越短暂越活的明白.一部电影不错<追后一周>

  • © 2010 OLIVIDA / Powered by Project Babel V2.5.0-dev-6

    2012 now @Livid --cut-- Livid在2012-01-15 11:53:0回答到: Yes. How time flies. sjep在2012-02-03 11:59:1回答到: 为何在 v2ex.appspot.com [email protected]

  • 骑行技巧有哪些 骑行技巧有哪些

    车手在骑车过程中如果摔倒,不仅会弄痛自己,还回感到十分尴尬.如果小心谨慎,并牢记一些简单的规则,大多数情况下可以避免摔交,至少能把所受的伤害降低到最低限度.尽早停车.假如刚刚骑到山顶,突然出现了一个严重的冲蚀.布满沟壑的斜坡,而坡底有一个满是大石头的深坑,如果此时下冲速度太快,已经来不及停车,身子要立即向一侧倾斜,就势倒在地上.这样做的后果只不过是身上有几处小小的擦伤,如果径直地冲到沟底,那时所受的伤是难以估计的. 四肢收拢,把身子绻成一团,顺势在地上打滚.尽管这样做起来不是那么容易,但是遇到这

  • 中国采用Android操作系统手机达到1.3亿部 中国采用Android操作系统手机达到1.3亿部

    中国采用Android操作系统手机达到1.3亿部 导语:<福布斯>杂志网络版今天撰文指出,中国智能手机市场近年来取得了飞速发展,尤其是采用Android操作系统的智能手机,数量更是达到1.3 亿部,全球占比超过四分之一.但是,由于绝大部分不支持Google Play等服务,它们并未给谷歌的营收做出太大的贡献. 以下为文章主要内容: 中国智能手机市场正在取得爆发式增长.根据多家市场研究机构发布的数据显示,中国第三季度智能手机销量达到4000万至5000万部,至少是美国市场智能手机销量(约1900

  • 春节手抄报题目大全

    1.喜迎新春 缤纷快乐 2.新春佳节 竹报平安 3.虎虎生威 迎新春 4.迎新春 贺新春 5.迎圣诞 贺新春 6.春联对对碰 7.春意盎然 8.喜迎新春 9.开春大吉 10.恭贺新禧 11.新春快乐 12.欢庆春节 13.欢度春节 14.春节习俗 15.迎新春 16.新春到 17.新春 18.迎春

  • Excel利用“选择性粘贴”进行计算 Excel利用“选择性粘贴”进行计算

    Excel在工作中的应用非常广泛,今天我们介绍一个比较特别的使用技巧:"选择性粘贴"中的"运算". 考试成绩出来了,但在利用Excel进行统算时遇到了一点小麻烦,原因是物理和化学试卷满分各为100分,但领导要求与中考统一(本地区中考物理满分为80分,化学为70分),也就是需要分别折成80%和70%,但在H2单元格中输入=H2*0.8回车后出现"不能计算该公式.公式中的单元格引用指向的是公式结果,从而造成循环引用.--"的错误提示,如图1. 图1(

  • RS-232协议串行接口标准简介

    RS-232协议,在学习微机原理的时候应该有朋友有所接触.那么这个协议主要是针对串行接口的一个标准.那么在硬件方面的所涉及的知识应该较多.那么下面针对这个协议的内容我们来做一个简单的介绍. RS-232是串行数据接口标准,最初都是由电子工业协会(EIA)制订并发布的,RS-232协议在1962年发布,命名为EIA-232-E,作为工业标准,以保证不同厂家产品之间的兼容.RS-422由RS-232发展而来,它是为弥补RS-232之不足而提出的. 为改进RS-232通信距离短.速率低的缺点,RS-4

  • 彻底关闭UAC的方法 彻底关闭UAC的方法

    第一种方法: 首先请打开开始菜单中的"控制面板",找到"系统和安全",打开"管理工具",打开"系统配置",然后再选择"更改UAC配置",将左边的滑块,滑到最下面,操作就完成了,UAC就不会再烦我们了. 当然,还有其它方法,稍微简单一些,首先打开开始菜单中的"运行",输入%windir%System32UserAccountControlSettings.exe后按下回车键,直接就可以打开

  • 【五个非常重要的移动Web内容顺应设计理念】 【五个非常重要的移动Web内容顺应设计理念】

    [五个非常重要的移动Web内容适应设计理念] 英文原文:Mobile web content adaptation techniques 译者:赵建光 如果你要构建移动网站,那么本文可以帮你选择合适的技术方案.本文并没有具体描述如何去开发,只是介绍应该如何选择正确的方法.在开始之前我们有必要明确一下这次实践的目标.一般来说,想要构建网站的人可分为两大类: 改造现有的网站,使其可以通过移动设备访问: 从头开始构建全新的移动网站. 这两种目标是截然不同的,所以相应的技术方法也不同.前者的目标可以归结

  • qq互联如何弄?求教

    qq互联怎么弄?求教 成功返回了用户数据,但是不会php不知道怎么跟数据库联合起来,有没有什么例子,大神给指个方向,谢谢! ------解决方案-------------------- 引用: 成功返回了用户数据,但是不会php不知道怎么跟数据库联合起来,有没有什么例子,大神给指个方向,谢谢! 已经到了这一步了,就离成功差不多了. 需要做的是写入到数据库,绑定好用户数据. 如果不是很清楚可以仔细阅读康盛公司discuz开发的discuz x版本,里面自带了QQ互联. 相关程序文件位置:D:\we

热门推荐
  • Photoshop合成雪上上的白色天使 Photoshop合成雪上上的白色天使 先看一下最终效果: 1.选择图像素材. 2.创建 750 x 550px 画布,导入雪山素材,并使用柔角橡皮擦工具将雪山顶上的天空擦除. 3.在雪山图层下方新建图层,并将云彩素材导入该层,通过自由变换(Ctrl + T)调整云层. 4.图层 >> 新建调整图层 >> 色阶,属性设为7,1.38,255. 5.新建图层,导入人物素材,使用黑色柔角笔刷描绘人物脚下得到阴影效果. 6.在人物层下方创建新图层,将前景色设为白色,导入天使翅膀,绘制如下效果. 7.复制翅膀层,并将复制层混合模
  • 宇宙80%为暗物质!神秘空洞或为多元宇宙入口 宇宙80%为暗物质!神秘空洞或为多元宇宙入口 1981年,科学家发现了巨大的宇宙空洞,经过30多年的研究,我们可以确认这个空洞中几乎不存在星系物质,于是科学家将其称为本地空洞.最新的研究发现,空洞跨度达到2.5亿光年,是宇宙中最黑暗的时空,空洞内的宇宙几乎是空白的,那么空洞中存在何种物质?宇宙为什么会形成空洞,它们是否是通往其他宇宙的通道,这是下一步需要研究的地方. 科学家已经发现我们宇宙总质量80%是暗物质,由于暗物质存在于星系和星系团之间,因此我们可以排除空洞内存在暗物质可能性,在没有或几乎没有星系的地方,暗物质也应该是稀少的.美国宾夕
  • 减肚子最有效的方法有哪些 减肚子最有效的方法有哪些 "大肚子"让许多减肥的MM很苦恼,由于长期久坐,加上运动量少之又少,导致肚子上赘肉越来越多,衣服挡也挡不住,那么减肚子最有效的方法是什么呢?不同的人适合不同的减肚子的方法,看看下面14个减肚子最有效的方法,哪个最适合你? 1.吃得少不如吃得巧 计算卡路里.观察分量.尽量不吃垃圾食品的确是平坦小腹的金科玉律,但若你还可以适当多吃一些"瘦腹"食品的话,你的目标就能更快地达到,保你腰腹变化看得见! 小编建议大家平时多吃:番茄--具有瘦小腹冠军蔬果的称号常常见到有的女孩,从
  • 分手后的伤感句子 分手后的伤感句子 分手后的伤感句子 制造统统不是偶合的偶合.只为那次擦肩而过. 如果两个人分手之后我不再见你并大声说我恨你,那说明我不舍得离开你. 站在那里,哭笑之间,经历终身一世. 曾经的沧桑让你我不在纯粹,分手时我不知你的去处.曾经的日子伤感又苦涩,你我一起承受了身心的疲惫.风去花谢,风来花开,重逢的日子总是不期而会. 有在漫長的時光里,變的越來越锃亮的記憶嗎. 有时会任性,会撒娇,会赖皮,会怄气,可是无论如何都不会去想有一天我们会分手.傻傻的以为,只要牵着彼此的手,就可以幸福的走到最后. 寻寻觅觅,我只想追
  • 查立:创业公司如何分配股份与期权 查立:创业公司如何分配股份与期权 作者:乾龙创投创始合伙人 查立 正文 俺们创业者都是贱骨头,不去寻求过安安稳稳的日子,却偏偏要去冲浪.去拼命.创业图的是什么?是公司里的"股权". 弟兄们教你一个字:Captable,这是一个恐怕在字典里都找不到的单词,却在创投和创业当中,无所不在.无时不用,什么意思呢?即创业公司里的"股份拼骨图".公司成长需要不断引入资金,每次拿了投资人的钱就要给人家股份,所以"股份比例"会随着公司不断的融资和扩大而变化. 让我们来一起来玩一盘Captable
  • QQ五笔输入法如何设置用户词库 QQ五笔输入法如何设置用户词库 QQ五笔输入法设置用户词库的方法如下: 用户可以查看自己所有输入过的词语以及来源,并且可以按类型.按编码来过滤查看. 用户可以手动添加新词条.删除词条.导入文本词库.导出文本词库.清空词库.