jQuery soColorPacker 網(wǎng)頁(yè)拾色器

字號(hào):


    這篇文章主要介紹了jQuery soColorPacker 網(wǎng)頁(yè)拾色器 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    未采用生僻的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" 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)擊顏色單元返回事件
    });