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 对象定义方法 简单易学
Mar 22 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
Mar 27 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
深入理解jQuery之事件移除
Jun 02 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
js单线程的本质 Event Loop解析
Oct 29 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 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获取金书网的书名的实现代码
2010/06/11 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
Symfony2学习笔记之系统路由详解
2016/03/17 PHP
php对象工厂类完整示例
2018/08/09 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
BOOM vs RR BO5 第一场 2.14
2021/03/10 DOTA
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
2012/12/28 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
JavaScrpt的面向对象全面解析
2017/05/09 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
python集合常见运算案例解析
2019/10/17 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
《藤野先生》教学反思
2014/02/19 职场文书
社区党建工作方案
2014/06/10 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书