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五图轮播切换实用版
Aug 17 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
JS实现的tab切换并显示相应内容模块功能示例
Aug 03 Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
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
Adodb的十个实例(清晰版)
2006/12/31 PHP
PHP多例模式介绍
2013/06/24 PHP
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
关于AngularJS中几种Providers的区别总结
2020/05/17 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
2020/06/15 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
Python GAE、Django导出Excel的方法
2008/11/24 Python
Python中的Matplotlib模块入门教程
2015/04/15 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
python字符串中匹配数字的正则表达式
2019/07/03 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
Django实现网页分页功能
2019/10/31 Python
如何理解Python中包的引入
2020/05/29 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
十岁生日同学答谢词
2014/01/19 职场文书
好的促销活动方案
2014/08/21 职场文书
幼儿园八一建军节活动方案
2014/08/27 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
消费者理赔投诉书
2015/07/02 职场文书
户外拓展训练感想
2015/08/07 职场文书