純js web調(diào)色板控件（瀏覽器兼容小巧好用）

ID：33215946

大小：50.66 KB

頁(yè)數(shù)：5頁(yè)

時(shí)間：2019-02-22

資源描述：

《純js web調(diào)色板控件（瀏覽器兼容小巧好用）》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、本人第一次做純JS控件，今天拿出來(lái)供大伙拍磚，歡迎各位修改完善，如果那位大俠完善后希望能夠給小弟發(fā)一個(gè)版本，以供學(xué)習(xí)（gctren@gmail.com）謝謝。此JS控件是以JQUERY1.4.2為基礎(chǔ)框架實(shí)現(xiàn)WEB調(diào)色板功能，解決了瀏覽器兼容性問(wèn)題。在同一頁(yè)面上可以供多個(gè)控件調(diào)用。效果圖：調(diào)用方法：調(diào)用jquery-1.4.2.min.js1.4.2版JQUERY調(diào)用頁(yè)添加HTML

2、添加如下JS：$(document).ready(function(){ShowColorControl("txtBackgroundColor");});txtBackgroundColor為添加調(diào)色板功能的控件ID實(shí)現(xiàn)方法：//綁定控件調(diào)用此函數(shù)實(shí)現(xiàn)調(diào)用調(diào)色板functionShowColorControl(controlId){$("#"+controlId).bind("click",OnDocumentClick);}//

3、53px;height:177px;">

在頁(yè)面中加載此HTMLvarColorHex=newArray('00','33','66','99','CC','FF')varSpColorHex=newArray('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')varcurrent=null//初始化調(diào)色板functioninitPanel(){varcolorTable=''for(i=0;i<2;i++){for(j=0;j<6;j++){colorTable=colorTable+'<

4、trstyle="height:12px;">'colorTable=colorTable+''if(i==0){colorTable=colorTable+''}else{colorTable=colorTable+'

5、height:12px;background-color:#'+SpColorHex[j]+'">'}colorTable=colorTable+''for(k=0;k<3;k++){for(l=0;l<6;l++){colorTable=colorTable+'

6、]+'">'}}}}colorTable=''+''+'

7、r-collapse:collapse">'+''+'

8、"right"width="100%">

純js web調(diào)色板控件（瀏覽器兼容小巧好用）

純js web調(diào)色板控件（瀏覽器兼容小巧好用）

相關(guān)文章

相關(guān)標(biāo)簽

純js web調(diào)色板控件（瀏覽器兼容 小巧好用）

純js web調(diào)色板控件（瀏覽器兼容 小巧好用）

相關(guān)文章

相關(guān)標(biāo)簽

純js web調(diào)色板控件（瀏覽器兼容小巧好用）

純js web調(diào)色板控件（瀏覽器兼容小巧好用）