JQuery 拾色器插件發(fā)布-jquery.icolor.js
更新時(shí)間：2010年10月20日 01:42:43 作者：
web項(xiàng)目中不少地方需要用到顏色選擇器，比如設(shè)置某個(gè)元素的背景色、邊框色等等，按照我們交互設(shè)計(jì)的期望-設(shè)色器最好簡(jiǎn)單易用，僅顯示常用的那些色塊給用戶選擇，另外提供一個(gè)輸入框方便用戶輸入自定義的色值。
以前我一直用的那個(gè)(eyecon.ro) 功能完整也簡(jiǎn)易，但是不盡符合上面的要求，于是 google了N下，結(jié)果沒(méi)找到現(xiàn)成的jquery拾色器插件很好的支持以下功能：
簡(jiǎn)單易用，僅顯示常用的那些色塊給用戶選擇，另外提供一個(gè)輸入框方便用戶輸入自定義的色值
于是我寫(xiě)了icolor這個(gè)插件，除了支持上面的要求，還有別的一些特性如下：
1，默認(rèn)提供的色值為“常用的瀏覽器安全的色值”。相當(dāng)于整合了下面最后一個(gè)prototype版本的顏色拾取器。關(guān)于瀏覽器安全色值，可參考維基文檔http://en.wikipedia.org/wiki/Web_colors
2，用戶可以自定義常用色值。相當(dāng)于整合了下面圖片中的第7個(gè)顏色選擇器。
3，用戶可根據(jù)需要設(shè)置是否顯示顏色輸入框、確認(rèn)按鈕
4，inline模式和popup模式。
5，輕量級(jí)、符合x(chóng)html、css2標(biāo)準(zhǔn)。大小只5KB。樣式與行為分離。
一，jquery.icolor插件示例
官方地址：http://plugins.jquery.com/project/icolor
示例在這里，http://demo.jb51.net/js/icolor/index.html
打包下載地址 http://www.dhdzp.com/jiaoben/32533.html
簡(jiǎn)單易用，僅顯示常用的那些色塊給用戶選擇，另外提供一個(gè)輸入框方便用戶輸入自定義的色值
于是我寫(xiě)了icolor這個(gè)插件，除了支持上面的要求，還有別的一些特性如下：
1，默認(rèn)提供的色值為“常用的瀏覽器安全的色值”。相當(dāng)于整合了下面最后一個(gè)prototype版本的顏色拾取器。關(guān)于瀏覽器安全色值，可參考維基文檔http://en.wikipedia.org/wiki/Web_colors
2，用戶可以自定義常用色值。相當(dāng)于整合了下面圖片中的第7個(gè)顏色選擇器。
3，用戶可根據(jù)需要設(shè)置是否顯示顏色輸入框、確認(rèn)按鈕
4，inline模式和popup模式。
5，輕量級(jí)、符合x(chóng)html、css2標(biāo)準(zhǔn)。大小只5KB。樣式與行為分離。
一，jquery.icolor插件示例
官方地址：http://plugins.jquery.com/project/icolor
示例在這里，http://demo.jb51.net/js/icolor/index.html
打包下載地址 http://www.dhdzp.com/jiaoben/32533.html
二，網(wǎng)上流行的顏色拾取器JS組件
1，原生JS
2，JQuery插件
3，Mootools插件
4，Prototype插件
相關(guān)文章
如何替換獲去除那些已存在于某個(gè)element上的事件呢? 需要的朋友可以參考下面的文章。2010-03-03
DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序(圖文詳解)
DOM事件標(biāo)準(zhǔn)定義了兩種事件流，這兩種事件流有著顯著的不同并且可能對(duì)你的應(yīng)用有著相當(dāng)大的影響。這兩種事件流分別是捕獲和冒泡。和許多Web技術(shù)一樣，在它們成為標(biāo)準(zhǔn)之前，Netscape和微軟各自不同地實(shí)現(xiàn)了它們，下面介紹DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序2015-08-08
Jquery練習(xí)之表單驗(yàn)證實(shí)現(xiàn)代碼
Jquery練習(xí)之表單驗(yàn)證實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-12-12
這篇文章主要介紹了jquery獲取及設(shè)置outerhtml的方法,實(shí)例分析了jQuery實(shí)現(xiàn)針對(duì)outerhtml操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jquery制作LED 時(shí)鐘特效,效果非常不錯(cuò)，需要的朋友可以參考下2015-02-02
JQuery實(shí)現(xiàn)折疊式菜單的詳細(xì)代碼
這篇文章主要介紹了JQuery實(shí)現(xiàn)折疊式菜單的詳細(xì)代碼,本文通過(guò)實(shí)例代碼通過(guò)兩種風(fēng)格給大家詳細(xì)介紹，需要的朋友可以參考下2020-06-06
NiftyCube——輕松實(shí)現(xiàn)圓角邊框
這篇文章主要介紹了NiftyCube——輕松實(shí)現(xiàn)圓角邊框2007-02-02
這篇文章主要為大家詳細(xì)介紹了jQuery webuploader分片上傳大文件的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法示例
這篇文章主要介紹了jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法,結(jié)合實(shí)例形式分析了jQuery form表單創(chuàng)建與提交相關(guān)操作技巧,需要的朋友可以參考下2019-05-05