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读取xml
Nov 04 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
Jul 17 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
Ionic快速安装教程
Jun 03 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
测量JavaScript函数的性能各种方式对比
Apr 27 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使用curl和正则表达式抓取网页数据示例
2014/04/13 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
在javascript中执行任意html代码的方法示例解读
2013/12/25 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
浅谈vue.use()方法从源码到使用
2019/05/12 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
实现vuex原理的示例
2020/10/21 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
Python使用进程Process模块管理资源
2020/03/05 Python
python 绘制国旗的示例
2020/09/27 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
中学教师培训制度
2014/01/31 职场文书
酒鬼酒广告词
2014/03/21 职场文书
基层党组织公开承诺书
2014/03/28 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
严以修身专题学习研讨会发言材料
2015/11/09 职场文书
技术入股协议书
2016/03/22 职场文书