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

最新文章
  • php通过获取头信息判断图片类型的方法

    本文实例讲述了php通过获取头信息判断图片类型的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 $filename = '617.gif' ; function pictype ( $file ) { /*$png_header = "/x89/x50/x4e/x47/x0d/x0a/x1a/x0a"; $jpg_header = "/xff/xd

  • 上海张江出 iPhone 5 联通版黑色,MD297CH,联调国行

    有发票.盒子等,外表有磕伤,使用正常,无维修记录,用了20个月,1100出. QQ280三零280,不知道怎么发图片,加qq或者微信看图. --cut-- roychan在2015-01-24 21:52:1回答到: iOS 6? 3610cn在2015-01-24 21:56:0回答到: IOS8 3610cn在2015-01-24 21:56:2回答到: 系统随意啊,升下级就行了 u926262在2015-01-24 22:54:5回答到: ios8无爱

  • 520网络情人节表白短信祝福语 520网络情人节表白短信祝福语

    5月20日,一个因为谐音被情侣们赋予特殊意义的日子.即便是没有法定和故事渊源,网友还是将这一天定为"网络情人节".在这个充满爱的一天里,你要用什么样的方式向你的最爱表达"一生一世"的眷恋之意呢?本站小编为你精心准备了20条表白短信,祝你好运. 本站贺词祝福语配图 1.世界上,最浪漫的力量,是不离不弃;最温柔的力量,是一心一意;最强大的力量,是无怨无悔;最快乐的力量,是一生一世.520我爱你日,大声说出你的爱,祝身边的亲朋好友永远幸福! 2.5月好忙!5月2号可以表白

  • 我不要人生总是受限,我不要爱情总是被现实追尾 我不要人生总是受限,我不要爱情总是被现实追尾

    有一些年华,温柔了岁月,美丽了相遇,没有最佳搭配,只有最佳相处,爱就是互相包容和体贴. 总有一件事,一辈子不会忘记,却一辈子不再提起:总有一段情,一生时不时想起,却一直铭记在遥远的脑海里.总有一个人,一世常常记起,却永远生活在孤寂的心底. 有一些年华,温柔了岁月,惊艳了时光:有一些花开,芬芳了流年,美丽了相遇.季节转换,岁月流逝,那些来自心灵深处的温暖,每每忆起,总能激起心底层层涟漪:那些触动灵魂的相遇,每每念起,总是心底最温柔的感动. 每个人的眼里,都有一抹不曾老去的容颜,时而清晰,时而恍惚.

  • 三星S5留声拍照怎么用?S5留声拍照使用方法 三星S5留声拍照怎么用?S5留声拍照使用方法

    留声拍照功能就是我们在拍照时当我们拍照完成之后手机会自动拍一段非常短的视频,这个视频长度大概在9秒左右,他会记录我们拍照之后一些细节哦,对有的时候是非常的有用哦,正同我们一起来看看吧. 1. 我们必须回到手机待机或桌面才能看到下图红框处的按钮了,我们点击它. 2. 在进入之后再点击[照相机]图标即可了. 3. 然后在进入到拍照的界面我们点击右边的[模式]如下图所示. 4. 然后我们就可以用手指来操作[留声拍照]如下图所示. 5. 此时我们手机了下方提示"拍摄后,将持续录制时长不超过9秒的背景声音

  • 三星S6 edge慢动作视频怎么使用?S6 edge慢动作视频教程 三星S6 edge慢动作视频怎么使用?S6 edge慢动作视频教程

    三星S6 edge手机拍照分为正常模式视频,快动作视频及慢动作视频了,这里我们为各位介绍的是S6手机的慢动作视频模式的一个使用技巧,各位三星粉有兴趣可以和小编一起来学学慢动作视频的技巧. 1.三星S6 edge慢动作在手机的[照相机]中了,我们点击桌面的照相机即可进入. 2.在照相机这我们再点击[模式]如下所示. 3.在模式界面中你会看到有许多的选项,我们点击[慢动作]. 4.好了在此我们再点击[录制]按钮开始录制. 5.录制完成后,点击[停止]按钮. 6.好了我们拍好的慢动作视频在手机的[相册

  • 400平别墅典雅装修案例 400平别墅典雅装修案例

    这样的别墅空间不是人人都喜欢的,身处这样的地方就算小编也会觉得亚历山大.虽然外表够浮夸够暴发户,但是不能掩盖的是有点典雅的设计,以及打开每扇门之后不同空间的惊喜. 面朝大海春暖花开,如此得天独厚的条件,那么就不可缺少一扇可以观景的窗户了,大大的玻璃墙面将窗外的美丽景色映入眼底.房中的设计简约现代中不失舒适温馨,暖黄色的灯光是非常不错的调剂. 空间中黄色和米色沙发搭配出来的效果非常不错.后方是个小小的读书角落,中间长长的走廊尽头有面非常现代风格的背景墙,独具创意的装饰很亮眼. 大大的圆形吊顶将整个

  • 必学的Windows快捷键技能 必学的Windows快捷键技能

    通过整理一系列简单易懂的插画,来和大家分享一下学生和办公室文员必学的Windows日常操作快捷键素材,有图有真相的那种,快记下来吧-- 图01 图02 图03 图04 图05 图06 图07 图08 图09

  • JS的Function跟Arguments

    JS的Function和Arguments javascript的Function 属性: 1.arguments[] (不推荐使用,视为不存在即可) 一个参数组,元素是传递给函数的参数. 注:使用Arguments对象代替 2.caller 对调用单前函数的Function的引用,如果是顶层代码调用, 则返回null(firefox返回undefined). 注:只有在代码执行时才有意义 3.length 声明函数是指定的命名参数的个数(函数定义是,定义参数的个数) 4.prototype 一

  • 容易的有关问题

    容易的问题 VB可以判断一个网站文件的存在吗? 比如判断在一个网站中是否存一个某个DOC文件 请高手帮忙 ------解决方案-------------------- 你可以用inet(或 api)尝试下载该文件,如果下载成功,文件即存在 ------解决方案-------------------- 打开那个文件吧 程序的一个变量存储第一行数据 若不为空表示存在

热门推荐
  • 此网站的安全证书有问题解决方法 此网站的安全证书有问题解决方法 出现此提示的原因,一是网站的问题,而是自身电脑的问题,网站的问题我们无力改变,我们可以尝试修复自身电脑可能存在的问题. 一.检查电脑时间 查看电脑右下角时间和日期是否正确,如果不正确要点击[更改日期和时间设置]更正. 二.安装网站证书 如果网站(比如12306)已提供安全证书,那么下载并添加安全证书可解决这个问题,添加证书步骤如下: 1.下载网站提供的证书,一般为.cer格式的文件,双击并打开此证书.或者点击弹出提示窗口中的"查看证书"按钮: 2.弹出证书信息,点击安装证书 3.点击&
  • CF6月29日多倍经验官方的修正公告 CF6月29日多倍经验官方的修正公告 6月30日信息,亲爱的玩家, 由于网页上的http://cf.qq.com/act/a20140606cfzm/page03.htm 原本的"6月29日 19:00~22:00 全区三倍经验,被杀不计"修正为"6月29日 14:00~16:00 全区三倍经验,被杀不计",为此给您带来的不便,我们深感歉意....[查看详情]
  • QQ空间大图装饰素材:给我个方向 QQ空间大图装饰素材:给我个方向 使用方法: 1:点击自定义. 2:点击右侧的新建模块→点击图片模块. 3:模块名称随便,用一个空格最好,图片地址上输入图片的地址,再点击"更多设置",背景.边框选择无,确定保存. 4:用鼠标调整一下图片的大小,让整个图片完全显示.(这一步有时候是不需要的) 5:接着点击模块管理→把"互动"以上的模块前面的√全部去掉,然后再把需要显示的模块打√,这样"日志"."留言"."个人形象"或"音乐收藏&qu
  • 三星UA32EH4500支持PVR录制吗 三星UA32EH4500支持PVR录制吗 三星UA32EH4500不支持PVR录制.
  • 人生中那些舍不得的东西 人生中那些舍不得的东西 本站经典美文配图 人的一生会拥有太多的东西,但衣柜的容量有限,抽屉的容量有限,心的容量也有限,所以需要经常腾空一些位置,让新东西进来. 但有些人,衣服穿旧了.东西用坏了都舍不得丢,心里实诚地放着一个人,容不得虚掷. 舍不得先生说:"东西和人一样,待在身边久了,自然就处出了感情." 4岁那年,舍不得先生把我从四川达州的小县城接到了成都.那是我第一次离开父母,也是我第一次看见城市的样子.舍不得先生的公司给他配了一套房子,门前有一排密密麻麻我叫不上名字的花.那时,我在屋里的大理石地板上打滚,