這篇文章主要介紹了jQuery soColorPacker 網(wǎng)頁拾色器 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

未采用生僻的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參數(shù)

$(obj).soColorPacker({

changeTarget:null, //顏色選擇后填入或改變的目標(biāo)對象，默認(rèn)null為當(dāng)前引用方法對象

textChange:true, //是否將顏色值填入target對象

colorChange:1, //值：0,1,2 ，0：不改變，1：改變文字顏色，2：改變背景顏色

selfBgChange:false,//改變自身背景顏色

size:2, //值：1,2,3，改變拾色器表現(xiàn)大小，1：小，2：中，3：大

x:0,////拾色器坐標(biāo)x軸偏移量

y:20, //拾色器坐標(biāo)y軸偏移量

styleClass:null,//自定義添加class名，不能為默認(rèn)的 "colorPackerBox"

callback:callback:function(){}//點(diǎn)擊顏色單元返回事件

});