DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery soColorPacker 網頁拾色器
jQuery soColorPacker 網頁拾色器
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved