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 相关文章推荐
prototype Element学习笔记(篇一)
Oct 26 Javascript
EXT窗口Window及对话框MessageBox
Jan 27 Javascript
文档对象模型DOM通俗讲解
Nov 01 Javascript
JavaScript中获取高度和宽度函数总结
Oct 08 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
Javascript通过overflow控制列表闭合与展开的方法
May 15 Javascript
详解Vue组件之间的数据通信实例
Jun 17 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
Aug 31 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 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截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
详解PHP中的Traits
2015/07/29 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
js资料prototype 属性
2007/03/13 Javascript
定义select的边框颜色
2008/04/28 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
Python装饰器decorator用法实例
2014/11/10 Python
在Python中关于中文编码问题的处理建议
2015/04/08 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
python中的插值 scipy-interp的实现代码
2018/07/23 Python
python使用knn实现特征向量分类
2018/12/26 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
Python绘制组合图的示例
2020/09/18 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
python regex库实例用法总结
2021/01/03 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
开工庆典邀请函范文
2014/01/16 职场文书
教师职称自我鉴定
2014/02/12 职场文书
数控机床专业自荐信
2014/05/19 职场文书
节约用电倡议书
2015/04/28 职场文书
新闻通讯稿模板
2015/07/22 职场文书
JS实现简单九宫格抽奖
2022/06/28 Javascript