<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)對(duì)象，默認(rèn)null為當(dāng)前引用方法對(duì)象
textChange:true, //是否將顏色值填入target對(duì)象
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)擊顏色單元返回事件
});

您可能感興趣的文章:

JQuery 拾色器插件發(fā)布-jquery.icolor.js

相關(guān)文章

jQuery實(shí)現(xiàn)tab標(biāo)簽自動(dòng)切換的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tab標(biāo)簽自動(dòng)切換的方法,實(shí)例分析了jQuery操作tab標(biāo)簽的技巧,涉及addClass、siblings及removeClass鏈?zhǔn)讲僮鞯募记?需要的朋友可以參考下
2015-02-02
jQuery中內(nèi)容過(guò)濾器簡(jiǎn)單用法示例
這篇文章主要介紹了jQuery中內(nèi)容過(guò)濾器簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了jQuery中內(nèi)容過(guò)濾器的相關(guān)概念、功能、應(yīng)用場(chǎng)景及相關(guān)使用方法,需要的朋友可以參考下
2018-03-03
jquery表單插件form使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery插表單件form使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jquery實(shí)現(xiàn)觸發(fā)時(shí)更新下拉列表內(nèi)容的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)觸發(fā)時(shí)更新下拉列表內(nèi)容的方法,涉及jQuery使用ajax交互實(shí)現(xiàn)動(dòng)態(tài)更新的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12
使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示特效
本文給大家分享的是使用使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示的3種風(fēng)格的特效，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以查看下
2015-11-11
Jquery+JSon 無(wú)刷新分頁(yè)實(shí)現(xiàn)代碼
基于jquery+json格式文件的無(wú)刷新分頁(yè)實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
jQuery實(shí)現(xiàn)id模糊查詢的小例子
在js中常常會(huì)用到某類(lèi)似id的模糊查詢，可以使用jquery工具和模糊查詢"^",來(lái)實(shí)現(xiàn)。下面用另個(gè)例子說(shuō)明
2013-03-03
BootStrap 標(biāo)題設(shè)置跨行無(wú)效的解決方法
這篇文章主要介紹了BootStrap 標(biāo)題設(shè)置跨行無(wú)效的解決方法,需要的朋友可以參考下
2017-10-10
jQuery EasyUI Panel面板組件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI Panel面板組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery+PHP實(shí)現(xiàn)上傳裁剪圖片
這篇文章主要為大家詳細(xì)介紹了jQuery+PHP實(shí)現(xiàn)上傳裁剪圖片，以及圖片的預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-10-10