jQuery soColorPacker 网页拾色器

542 阅读 0 评论 358 点赞

我是靠谱客的博主深情橘子，这篇文章主要介绍jQuery soColorPacker 网页拾色器，现在分享给大家，希望可以做个参考。

未采用生僻的jquery特性，能兼容jquery1.2.6以上所有版本

实例预览

引入文件

复制代码

1
2
3
4
<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>

使用方法

复制代码

1
2
<input type="text" class="txt" id="txt_pack_1" name="txt" />
$('#txt_pack_1').soColorPacker();

soColorPacke参数

复制代码

1
2
3
4
5
6
7
8
9
10
11
$(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(){}//点击颜色单元返回事件
});