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

最新文章
  • 怎样把这个词汇表的音标和解释删掉

    http://wenku.baidu.com/view/d01648d384254b35eefd341f.html 把每一行"["后的内容都删掉,只剩下单词. 有没有傻瓜点的软件能完成这样类似的操作? --cut-- frittle在2011-10-28 00:06:1回答到: day 1 第四个单词"projuect"... thenewbie在2011-10-28 00:07:2回答到: projuect.... 这资料误人子弟... acdea4effdbb4

  • 想买一个大容量U盘,32~64G的,请推荐

    手上的金士顿U盘服役快5年了,4g空间非常不够用,打算买个大容量的. 这两天看了不少,没方向了,不想花太多钱,200左右,希望是MLC颗粒的,如果USB3.0的话更好.大家有推荐么? --cut-- kendisk在2012-06-11 13:39:1回答到: 32 G 京东 http://www.360buy.com/products/670-686-694-0-0-3493-0-0-0-111192-1-1-1.html 64G http://www.360buy.com/products/

  • 美柚育儿如何添加宝宝日记? 美柚育儿如何添加宝宝日记?

    美柚育儿如何添加宝宝日记?很多小伙伴都知道美柚育儿可以添加宝宝照片,但是知道可以添加宝宝日记的小伙伴却很少,那么怎么添加宝宝日记呢?现在小编就教小伙伴们美柚育儿如何添加宝宝日记. 1)点击打开美柚育儿,点击打开宝宝图片;(如下图) 2)点击上方的[编辑框]然后点击输入宝宝日记最后点击旁边的[发送]即可.(如下图)

  • 为什么bilibili会有奇怪的广告? 为什么bilibili会有奇怪的广告?

    弹窗广告(有声广告):bilibili没有使用过任何弹窗广告(有声广告),如果您遇到此现象请检查是否DNS被挟持.计算机是否中病毒或安装插件.是否为网络运营商所推送广告,若DNS被网络运营商挟持请致电您的网络运营商投诉解决. 奇怪的广告:右下角的广告是google投放的广告,我们无法控制谷歌提供的广告内容,如果您确信该内容有违法等问题,请把该广告截图并联系站内客服[email protected]

  • WPS巧用公式编辑器制作标注 WPS巧用公式编辑器制作标注

    平时作图形的标注时,人们往往用文本框加文字,但文本框的边框样式及内部边距都要设一遍,很麻烦,并且占用空间较大,往往几个文本框叠加在一起,不易分辨,下面介绍如何用公式编辑器设置图形标注. 首先画图,经图形设为文字"环绕"型.如图1: 启动公式编辑器,输入标注文字:如图 退出编辑器,如图 Wps认为此公式文字为"图片",并且默认为"嵌入"型,只需将它改成"环绕"型,这样可以方便移动和组合,这是整个操作的关键,如图: 移动标注文字到

  • 户外活动必须要认识的救命草 户外活动必须要认识的救命草

    北方森林中的椴树非常多,而椴树的叶子是上好的野菜,春夏秋季均可食用,虽然能够提供的热量不如橡子和葛根,但是保证你不被饿死还是没有问题的. 户外活动必须要认识的救命草 1.葛藤: 葛藤在华北分布广泛,在山上很容易找到.他的作用有两个,一是可以做成绳索,第二个是更为重要的,可以解决食物问题:葛藤有很厚大的块根,其淀粉含量很高,每个葛藤的块根多重达一公斤,每天只要挖到一颗葛藤的块根,就可以坚持很多天不会饿死的.而且,这个块根在冬天是仍然存在的.所以如果到了需要考虑户外生存的时候,找到葛藤,就远离了死亡

  • 如何玩转世界杯品牌营销 如何玩转世界杯品牌营销

    世界杯足球赛已经成为现代人类狂欢的盛典,而2014年世界杯在巴西这个享有"足球王国"美誉的国家举办,更是引起了全世界人民的广泛关注.腾讯网络媒体事业群广告客户部总经理栾娜对<企业观察报>记者说:"世界杯之所以成为世界的节日,是因为它是体育与娱乐的完美结合体.每个媒体都会带动群众参与进来,并引领大家互动." 互动,不仅仅是媒体.观众,还有商家.世界杯这项赛事早已超越了单纯体育活动的范畴,给人们一次展现自我的舞台.各类企业也是摩拳擦掌,想利用这个契机来推广自

  • bannner广告设计:快速评定美术作品标准的简单分享 bannner广告设计:快速评定美术作品标准的简单分享

    破洛洛文章简介:如何快速审核评定美术作品. 前言 之所以萌生写这篇分享文的原因是近期有各方面的美术人或者产品都有问我是如何去审核一个美术作品的,而且,我认为一个美术设计师不单要懂得如何去设计作品,而且要懂得如何去鉴赏一个商业设计的美术作品,以达到对比促进,因此,为设计团队也好,为产品方能更了解我们美术团队的标准也好,这里我简单概要地写一下如何快速有效地审核评定一个美术作品(主要针对网易设计领域),以作参考之用. 作为一个美术管理人,一天面对大量的美术作品审视,那么,我们该如何去快速地审视一个美术

  • 网站排名骤降之原因分析 网站排名骤降之原因分析

    很多站长朋友都会遇到好不容易做上去的关键词排名下降或者消失的情况,一时之间便会感觉心里很慌乱,也不知道究竟是哪个环节出现了问题,或者遇到这种情况手足无措,无法找到解决办法,每天在论坛里面问这问哪的,结果得到的答案要不是灌水的,要不就是一直在说内容为王,外链为皇的,基本都比较统一,看都看烦了,没有太多实际的帮助,最后还得靠自己.因为笔者也是这样过来的,也经历过大大小小的SEO方面的困难,不过今天笔者面对这种情况却无比淡定,因为做站,没有经历过这种情况的站长,不是一个合格的站长,也是无法成长的站长.

  • 免费建网站步骤之一---网站优化 免费建网站步骤之一---网站优化

    网站建设完成之后,并不是就全部完工了,俗话说,维护比建设更加重要.网站的后期维护优化是网站能够长期存在于网络中的重要因素. 不管是公司网站,还是个人网站,都会有一个网站优化推广的过程.这是一个系统工程,要想把网站做成功,做强大,有必要首先对网站优化作一个全方位的了解.网站优化具体方法有一下几个方面. 1. 网站架构分析 网站结构符合搜索引擎的喜好则有利于SEO网站架构分析包括:剔除网站架构不良设计.实现树状目录结构.网站导航与链接优化.更重要的让网站的每个页面都带来流量. 2. 关键词优化 收集

热门推荐
  • 秋季嘴唇干燥吃什么 秋季嘴唇干燥吃什么 热性食物吃得太多,如辣椒.大蒜.大葱.洋葱.桂皮.狗肉.咖啡等会引发人体虚火上升,使嘴唇干裂.为避免嘴唇干裂,每天至少食用500克蔬菜,200克水果. 本站阅读配图 注意选择富含维生素A.维生素C.维生素B2及油润含胶质的食物,可按以下几大类选择: 蔬菜:白菜.生菜.萝卜.胡萝卜.藕.荸荠.香菇.蘑菇.木耳等. 水果:红枣.甘蔗.菠萝.柚子等. 粮谷类:尽量选择粗粮,如麦胚.米胚.荞麦.玉米等. 动物性食物:动物肝.肾.蛋黄.猪肉.鸡.鸭.鱼.虾及海产品等. 富含胶质的食物:猪蹄.蹄筋.海参.鸡
  • 减肥女性的早餐注意事项 减肥女性的早餐注意事项 女性减肥,要注意早餐四个问题 1.一定要吃早餐? 早餐是一天三顿饭中最重要的一顿.原因非常简单:每天夜晚,身体都要消耗能量.这时人体不得不动用它的储备能.因此,早上起床之后,自然需靠含有丰富碳水化合物的早餐来重新补充储备能.不吃早餐,你就不可能获得新的活力从事工作.此外,你就不可能获得新的活力从事工作.此外,如要减肥,就更不应不吃早餐.因为到午餐时,力补偿未吃的那顿早饭,你势必吃得过饱,而影响减肥效果. 2.女性通常应吃怎样的早餐? 女性早餐越来越倾向选择含脂肪少的食品.她们更喜欢吃谷类食物.从
  • 苹果ipad/iPhone死机、卡机问题解决方法总结 苹果ipad/iPhone死机、卡机问题解决方法总结 苹果ipad/iPhone死机.卡机问题比较常见了毕竟用户多了总会碰到一些问题了,但这些问题不会对用户影响多大,但肯定还是有影响的,下面我们一起来看看小编整理的三招解决你ipad/iPhone死机.卡机问题 虽然iPhone的稳定性和流畅性都远胜于安卓手机,但是偶尔也会出现iPhone卡机.死机的现象.如果出现这种状况该怎么办呢?不用着急,下面几招可以帮你解决iPhone卡机.死机的问题. 第一招:长按Home键8秒钟,可以退出任何卡住iPhone不动的应用.如果你的iPhone在运行某个应用的
  • 天天飞车6.2号漂移世界中赛车类型有几种 天天飞车6.2号漂移世界中赛车类型有几种 天天飞车在微信6.2号中的问题是漂移世界中赛车类型有几种了,下面我们一起来看看答案与格式吧,希望文章对各位有帮助. 答案其实非常的简单是fc3了,但是很多朋友知道答案不知道如何回答了,下面我们就一起来看看 (答题格式:fc+答案,例如答案是飞车,则回复"fc飞车"答题) 答案是:fc3 也就是根据性能可以将赛车分为三种类型. 好了只要我们回答正确就可以获得这个得分了,各位朋友有兴趣的话可以去试一下小编说的答案吧.