jQuery soColorPacker 網(wǎng)頁拾色器
更新時(shí)間：2016年06月22日 11:33:16 作者：2778085001
這篇文章主要介紹了jQuery soColorPacker 網(wǎng)頁拾色器 的相關(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" 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)擊顏色單元返回事件
});
您可能感興趣的文章:
相關(guān)文章
empty、remove和detach三者都有把元素移除的作用，但細(xì)微的差別，造就了它們的使命不同。下面給大家介紹jQuery中的empty、remove和detach的區(qū)別，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
jQuery的實(shí)現(xiàn)原理的模擬代碼 -4 重要的擴(kuò)展函數(shù) extend
在上兩篇文章中，我們看到每次要通過 jQuery 的原型增加共享方法的時(shí)候，都需要通過 jQuery.fn 一個(gè)個(gè)進(jìn)行擴(kuò)展，非常麻煩.2010-08-08
jquery提交form表單時(shí)禁止重復(fù)提交的方法
這篇文章主要介紹了jquery提交form表單時(shí)禁止重復(fù)提交的方法,需要的朋友可以參考下2014-02-02
jQuery autocomplate 自擴(kuò)展插件、自動完成示例代碼
jquery-lib版本是 1.3.2的，該插件是簡單的擴(kuò)展插件，代碼也比較簡單的封裝。所以看起來也比較簡單不是很費(fèi)力，當(dāng)然封裝得也不是很好。2011-03-03
jquery隊(duì)列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法，他們對于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動畫，ajax，以及timeout等需要一定時(shí)間的函數(shù)2014-03-03
jQuery擴(kuò)展+xml實(shí)現(xiàn)表單驗(yàn)證功能的方法
這篇文章主要介紹了jQuery擴(kuò)展+xml實(shí)現(xiàn)表單驗(yàn)證功能的方法,涉及jQuery操作xml格式數(shù)據(jù)及表單驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
jQuery刪除/清空指定元素的所有子節(jié)點(diǎn)實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于jQuery刪除/清空指定元素的所有子節(jié)點(diǎn)，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
本文給大家匯總介紹了幾個(gè)jQuery中不常用的方法，記錄一下，分享給大家，有需要的小伙伴可以參考下。2015-07-07
jquery 上下滾動廣告實(shí)現(xiàn)代碼，大家可以自行測試，需要加載jquery類庫2009-06-06
使用jQuery實(shí)現(xiàn)的擲色子游戲動畫效果
大家一定都玩過擲色子的游戲，今天我給大家分享的是如何使用jQuery來實(shí)現(xiàn)擲色子的動畫效果，通過jQuery的animate()自定義動畫函數(shù)并結(jié)合CSS背景圖片切換實(shí)現(xiàn)的動畫效果2014-03-03