jQuery soColorPacker 网页拾色器


Posted in Javascript onJune 22, 2016

未采用生僻的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(){}//点击颜色单元返回事件
});
Javascript 相关文章推荐
一款JavaScript压缩工具:X2JSCompactor
Jun 13 Javascript
点击下载链接 弹出页面实现代码
Oct 01 Javascript
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 Javascript
jQuery实现带渐显效果的人物多级关系图代码
Oct 16 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
浅谈webpack组织模块的原理
Mar 10 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
Sep 19 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 Javascript
Element Card 卡片的具体使用
Jul 26 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 #Javascript
Javascript对象字面量的理解
Jun 22 #Javascript
Javascript闭包与函数柯里化浅析
Jun 22 #Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 #Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 #Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 #Javascript
Javascript实现图片不间断滚动的代码
Jun 22 #Javascript
You might like
PHP-MySQL教程归纳总结
2008/06/07 PHP
如何用php获取程序执行的时间
2013/06/09 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python实现视频下载功能
2017/03/14 Python
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
python中的二维列表实例详解
2018/06/19 Python
pandas通过loc生成新的列方法
2018/11/28 Python
Django发送邮件功能实例详解
2019/09/02 Python
使用Python的turtle模块画国旗
2019/09/24 Python
python模块导入的方法
2019/10/24 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
2014年大学生就业规划书
2014/04/04 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
2014年全国法制宣传日宣传活动方案
2014/11/02 职场文书
如何使用php生成zip压缩包
2021/04/21 PHP
Python基础之常用库常用方法整理
2021/04/30 Python
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript