未采用生僻的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(){}//點擊顏色單元返回事件 });