js顏色選擇器代碼[firefox不支持]
更新時間：2008年11月08日 10:05:10 作者：
非常不錯的，顏色選擇效果代碼
最簡單的，在body區(qū)域加入：
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0" height="0"></OBJECT>
調(diào)用的JS：
<script type="text/javascript">
var tempColor = "0099cc";
function picColor(){
var Hcolor = document.getElementById("dlgHelper").ChooseColorDlg(tempColor).toString(16);
//with(event.srcElement){
//value = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor;
//style.backgroundColor = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor;
var newColor = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor;
if(newColor.toString().substring(0,1) != "#"){
newColor = "#" + newColor;
}
alert(newColor);
}
// tempColor = Hcolor;
// window.alert(tempColor);
//}
</script>
或者直接使用這個：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0" height="0"></OBJECT>
調(diào)用的JS：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var tempColor = "0099cc";
function picColor(){
var Hcolor = document.getElementById("dlgHelper").ChooseColorDlg(tempColor).toString(16);
//with(event.srcElement){
//value = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor;
//style.backgroundColor = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor;
var newColor = ((Hcolor.length<6)?"000000".substring(0,6-Hcolor.length):"") + Hcolor;
if(newColor.toString().substring(0,1) != "#"){
newColor = "#" + newColor;
}
alert(newColor);
}
// tempColor = Hcolor;
// window.alert(tempColor);
//}
</script>
或者直接使用這個：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
用javascript實現(xiàn)select的美化的方法
用javascript實現(xiàn)select的美化的方法...2007-04-04
JavaScript Select和Option列表元素上下左右移動
支持一次選中多項在左右列表中來回移動2008-12-12
最近在看一本書，Wrox.Professional JavaScript™ for Web Developers，是老趙在他的Ajax深入淺出系列講座中提到過的一本書。2009-05-05
原理及是根據(jù)輸入字符的類別，是字母，還是數(shù)字，大小寫等判斷，代碼 比較精簡，大家可以研究下。2009-01-01
鼠標(biāo)放在放在輸入框上面提示效果...2006-12-12
js下用層來實現(xiàn)select的title提示屬性
用層來實現(xiàn)select的title 提示屬性2010-02-02
一款不錯的鍵盤密碼輸入js程序...2007-03-03
動態(tài)改變textbox的寬高的js...2006-10-10
用js實現(xiàn)控制內(nèi)容的向上向下滾動效果...2007-06-06
仿校內(nèi)登陸框，精美，給那些很厲害但是沒有設(shè)計天才的程序員
寫代碼對于我們來說很簡單，但是做個布局設(shè)計簡直是登天啊2008-11-11