DoNews Blog的配色器

网上看到的代码,整理了一下
配好颜色以后,自己把相应的代码添加进去就可以了
也可以将下面的代码复制后另存页面到自己电脑使用
试用 DoNews Blog 配色器

<HTML><HEAD><TITLE>DoNews Blog配色器</TITLE><script language="javascript">var init_text = "000000";var init_back = "FFFFFF";var init_link = "0000FF";var init_vlink = "880088";var init_hover = "0099FF";var init_alink = "FF0000";var text_r = init_text.substring(0,2);var text_g = init_text.substring(2,4);var text_b = init_text.substring(4,6);var text_rgb = "" + text_r + text_g + text_b;var back_r = init_back.substring(0,2);var back_g = init_back.substring(2,4);var back_b = init_back.substring(4,6);var back_rgb = "" + back_r + back_g + back_b;var link_r = init_link.substring(0,2);var link_g = init_link.substring(2,4);var link_b = init_link.substring(4,6);var link_rgb = "" + link_r + link_g + link_b;var vlink_r = init_vlink.substring(0,2);var vlink_g = init_vlink.substring(2,4);var vlink_b = init_vlink.substring(4,6);var vlink_rgb = "" + vlink_r + vlink_g + vlink_b;var hover_r = init_hover.substring(0,2);var hover_g = init_hover.substring(2,4);var hover_b = init_hover.substring(4,6);var hover_rgb = "" + hover_r + hover_g + hover_b;var alink_r = init_alink.substring(0,2);var alink_g = init_alink.substring(2,4);var alink_b = init_alink.substring(4,6);var alink_rgb = "" + alink_r + alink_g + alink_b;var link_underline = "";var font_size = "";var font_family = "";var font_weight = "";var font_style = "";var hexcode_array = new Array('00','11','22','33','44','55','66','77','88','99','AA','BB','CC','DD','EE','FF');function colorsAll(RGB){   var RR = RGB.substring(0,2);   var GG = RGB.substring(2,4);   var BB = RGB.substring(4,6);   //text   if(window.document.pickerform.chooser[0].checked == true)   {      text_r = RR; text_g = GG; text_b = BB;      text_rgb = "" + text_r + text_g + text_b;      window.document.pickerform.colorbox_text.value = text_rgb;      reColorAndGray(text_r,text_g,text_b);      window.document.getElementById("heading").style.color = text_rgb;      window.document.getElementById("text").style.color = text_rgb;      window.document.getElementById("stylecode").style.color = text_rgb;   }   //back   else if(window.document.pickerform.chooser[1].checked == true)   {      back_r = RR; back_g = GG; back_b = BB;      back_rgb = "" + back_r + back_g + back_b;      window.document.pickerform.colorbox_back.value = back_rgb;      reColorAndGray(back_r,back_g,back_b);      window.document.getElementById("rightcell").style.backgroundColor = back_rgb;   }   //link   else if(window.document.pickerform.chooser[2].checked == true)   {      link_r = RR; link_g = GG; link_b = BB;      link_rgb = "" + link_r + link_g + link_b;      window.document.pickerform.colorbox_link.value = link_rgb;      reColorAndGray(link_r,link_g,link_b);      window.document.getElementById("link").style.color = link_rgb;      window.document.getElementById("link2").style.color = link_rgb;   }   //vlink   else if(window.document.pickerform.chooser[3].checked == true)   {      vlink_r = RR; vlink_g = GG; vlink_b = BB;      vlink_rgb = "" + vlink_r + vlink_g + vlink_b;      window.document.pickerform.colorbox_vlink.value = vlink_rgb;      reColorAndGray(vlink_r,vlink_g,vlink_b);      window.document.getElementById("vlink").style.color = vlink_rgb;   }   //hover   else if(window.document.pickerform.chooser[4].checked == true)   {      hover_r = RR; hover_g = GG; hover_b = BB;      hover_rgb = "" + hover_r + hover_g + hover_b;      window.document.pickerform.colorbox_hover.value = hover_rgb;      reColorAndGray(hover_r,hover_g,hover_b);      window.document.getElementById("hover").style.color = hover_rgb;   }   //alink   else if(window.document.pickerform.chooser[5].checked == true)   {      alink_r = RR; alink_g = GG; alink_b = BB;      alink_rgb = "" + alink_r + alink_g + alink_b;      window.document.pickerform.colorbox_alink.value = alink_rgb;      reColorAndGray(alink_r,alink_g,alink_b);      window.document.getElementById("alink").style.color = alink_rgb;   }   doBGImage();   updateCode();}function colorsOne(RGorB,XX){   //text   if(window.document.pickerform.chooser[0].checked == true)   {      if(RGorB == "R") { text_r = XX; }      else if(RGorB == "G") { text_g = XX; }      else if(RGorB == "B") { text_b = XX; }      text_rgb = "" + text_r + text_g + text_b;      window.document.pickerform.colorbox_text.value = text_rgb;      reColorAndGray(text_r,text_g,text_b);      window.document.getElementById("heading").style.color = text_rgb;      window.document.getElementById("text").style.color = text_rgb;      window.document.getElementById("stylecode").style.color = text_rgb;   }   //back   else if(window.document.pickerform.chooser[1].checked == true)   {      if(RGorB == "R") { back_r = XX; }      else if(RGorB == "G") { back_g = XX; }      else if(RGorB == "B") { back_b = XX; }      back_rgb = "" + back_r + back_g + back_b;      window.document.pickerform.colorbox_back.value = back_rgb;      reColorAndGray(back_r,back_g,back_b);      window.document.getElementById("rightcell").style.backgroundColor = back_rgb;   }   //link   else if(window.document.pickerform.chooser[2].checked == true)   {      if(RGorB == "R") { link_r = XX; }      else if(RGorB == "G") { link_g = XX; }      else if(RGorB == "B") { link_b = XX; }      link_rgb = "" + link_r + link_g + link_b;      window.document.pickerform.colorbox_link.value = link_rgb;      reColorAndGray(link_r,link_g,link_b);      window.document.getElementById("link").style.color = link_rgb;      window.document.getElementById("link2").style.color = link_rgb;   }   //vlink   else if(window.document.pickerform.chooser[3].checked == true)   {      if(RGorB == "R") { vlink_r = XX; }      else if(RGorB == "G") { vlink_g = XX; }      else if(RGorB == "B") { vlink_b = XX; }      vlink_rgb = "" + vlink_r + vlink_g + vlink_b;      window.document.pickerform.colorbox_vlink.value = vlink_rgb;      reColorAndGray(vlink_r,vlink_g,vlink_b);      window.document.getElementById("vlink").style.color = vlink_rgb;   }   //hover   else if(window.document.pickerform.chooser[4].checked == true)   {      if(RGorB == "R") { hover_r = XX; }      else if(RGorB == "G") { hover_g = XX; }      else if(RGorB == "B") { hover_b = XX; }      hover_rgb = "" + hover_r + hover_g + hover_b;      window.document.pickerform.colorbox_hover.value = hover_rgb;      reColorAndGray(hover_r,hover_g,hover_b);      window.document.getElementById("hover").style.color = hover_rgb;   }   //alink   else if(window.document.pickerform.chooser[5].checked == true)   {      if(RGorB == "R") { alink_r = XX; }      else if(RGorB == "G") { alink_g = XX; }      else if(RGorB == "B") { alink_b = XX; }      alink_rgb = "" + alink_r + alink_g + alink_b;      window.document.pickerform.colorbox_alink.value = alink_rgb;      reColorAndGray(alink_r,alink_g,alink_b);      window.document.getElementById("alink").style.color = alink_rgb;   }   doBGImage();   updateCode();}function reColorAndGray(RR,GG,BB){   //recolor codes   for(var i = 0; i < 16; i++) { window.document.getElementById("R" + hexcode_array[i]).style.backgroundColor = "ffdddd"; }   for(var i = 0; i < 16; i++) { window.document.getElementById("G" + hexcode_array[i]).style.backgroundColor = "ddffdd"; }   for(var i = 0; i < 16; i++) { window.document.getElementById("B" + hexcode_array[i]).style.backgroundColor = "ddddff"; }   //gray out current   window.document.getElementById("R" + RR).style.backgroundColor = "bbbbbb";   window.document.getElementById("G" + GG).style.backgroundColor = "bbbbbb";   window.document.getElementById("B" + BB).style.backgroundColor = "bbbbbb";}function chooserMode(MODE){   if(MODE == "text") { var RGB = text_rgb; }   else if(MODE == "link") { var RGB = link_rgb; }   else if(MODE == "vlink") { var RGB = vlink_rgb; }   else if(MODE == "alink") { var RGB = alink_rgb; }   else if(MODE == "back") { var RGB = back_rgb; }   else if(MODE == "hover") { var RGB = hover_rgb; }   var RR = RGB.substring(0,2);   var GG = RGB.substring(2,4);   var BB = RGB.substring(4,6);   reColorAndGray(RR,GG,BB);   doBGImage();}function updateCode(){   var URL = window.document.pickerform.bgimage.value;   var bgcode_style = "";   var bgcode_body = "";   if(URL != "")   {      bgcode_style = "<br><nobr> \; \; \;background-image:url(" + URL + ")\;</nobr>"      bgcode_body = "<br> \;background=\"" + URL + "\"";   }   var newcode = "";   newcode += "<b>代码</b>";   newcode += "<br>(Use this if you are defining your colors via CSS)";   newcode += "<br>";   newcode += "<span style=\"font:normal 12px\" id=\"code_style\">";   newcode += "<br><\;style type=\"text/css\">\;";   newcode += "<br>body \{";   newcode += bgcode_style;   newcode += "<br>background-color:#" + back_rgb + "\;";   newcode += "<br>color:#" + text_rgb + "\;";   newcode += font_family;   newcode += font_size;   newcode += font_weight;   newcode += font_style;   newcode += "<br>\}";   newcode += "<br>";   newcode += "<br>a:link \{ color:#" + link_rgb + "\;" + link_underline + " \}";   newcode += "<br>a:vlink \{ color:#" + vlink_rgb + "\;" + link_underline + " \}";   newcode += "<br>a:alink \{ color:#" + alink_rgb + "\;" + link_underline + " \}";   newcode += "<br>a:hover \{ color:#" + hover_rgb + "\;" + link_underline + " \}";   newcode += "<br>";   newcode += "<br><\;/style>\;";   newcode += "<br>";   newcode += "</span>";   //newcode += "<br><input type=button value=\"Open test page\" onClick=\"openTestPageStyle()\" style=\"font:normal 11px verdana\;\">";   newcode += "";     //newcode += "<br><input type=button value=\"Open test page\" onClick=\"openTestPageBody()\" style=\"font:normal 11px verdana\;\">";   window.document.getElementById("stylecode").innerHTML = newcode;}function liteLinkOn(MYLINK){   window.document.getElementById(MYLINK).style.color = hover_rgb;}function liteLinkOff(MYLINK){   if(MYLINK == "link2")   {      window.document.getElementById(MYLINK).style.color = link_rgb;   }   else   {      window.document.getElementById(MYLINK).style.color = eval(MYLINK + "_rgb");   }}function fillColorBoxes(){   window.document.pickerform.colorbox_text.value = text_rgb;   window.document.pickerform.colorbox_link.value = link_rgb;   window.document.pickerform.colorbox_hover.value = hover_rgb;   window.document.pickerform.colorbox_back.value = back_rgb;   window.document.pickerform.colorbox_vlink.value = vlink_rgb;   window.document.pickerform.colorbox_alink.value = alink_rgb;}function setInitialColors(){   window.document.getElementById("heading").style.color = text_rgb;   window.document.getElementById("text").style.color = text_rgb;   window.document.getElementById("stylecode").style.color = text_rgb;   window.document.getElementById("rightcell").style.backgroundColor = back_rgb;   window.document.getElementById("link").style.color = link_rgb;   window.document.getElementById("link2").style.color = link_rgb;   window.document.getElementById("vlink").style.color = vlink_rgb;   window.document.getElementById("hover").style.color = hover_rgb;   window.document.getElementById("alink").style.color = alink_rgb;}function doBold(){   if(window.document.pickerform.boldbox.checked == true)   {      window.document.getElementById("allspans").style.fontWeight = "bold";      font_weight = "<br> \; \; \;font-weight:bold\;";   }   else   {      window.document.getElementById("allspans").style.fontWeight = "normal";      font_weight = "";   }   doBGImage();}function doItalic(){   if(window.document.pickerform.italicbox.checked == true)   {      window.document.getElementById("allspans").style.fontStyle = "italic";      font_style = "<br> \; \; \;font-style:italic\;";   }   else   {      window.document.getElementById("allspans").style.fontStyle = "normal";      font_style = "";   }   doBGImage();}function doFontSize(PX){   if(PX == "default")   {      window.document.getElementById("allspans").style.fontSize = "";      font_size = "";   }   else   {      window.document.getElementById("allspans").style.fontSize = PX + "px";      font_size = "<br> \; \; \;font-size:" + PX + "px\;";   }   doBGImage();}function doFontFamily(FONT){   if(FONT == "default")   {      FONT = "";      font_family = "";   }   else   {      font_family = "<br> \; \; \;font-family:" + FONT + "\;";   }   window.document.getElementById("allspans").style.fontFamily = FONT;   doBGImage();}function doUnderlineLinks(){   if(window.document.pickerform.underlinelinksbox.checked == true)   {      link_underline = "";      window.document.getElementById("link").style.textDecoration = "underline";      window.document.getElementById("link2").style.textDecoration = "underline";      window.document.getElementById("vlink").style.textDecoration = "underline";      window.document.getElementById("alink").style.textDecoration = "underline";      window.document.getElementById("hover").style.textDecoration = "underline";   }   else   {      link_underline = " text-decoration:none\;";      window.document.getElementById("link").style.textDecoration = "none";      window.document.getElementById("link").style.textDecoration = "none";      window.document.getElementById("link2").style.textDecoration = "none";      window.document.getElementById("vlink").style.textDecoration = "none";      window.document.getElementById("alink").style.textDecoration = "none";      window.document.getElementById("hover").style.textDecoration = "none";   }   doBGImage();}function doBGImage(){   var IMG = window.document.pickerform.bgimage.value;   if(IMG)   {      window.document.getElementById("rightcell").style.backgroundImage = "url(" + IMG + ")";      updateCode();   }   else   {      window.document.getElementById("rightcell").style.backgroundImage = "";      updateCode();   }}/* KILLED FOR NOWfunction openTestPageStyle(){   var mycode = window.document.getElementById("code_style").innerText;   testWin = window.open("testpage.html","");   testWin.document.open();   testWin.document.writeln("<html>");   testWin.document.writeln("<head>");   testWin.document.writeln("<title>ColorPicker test page</title>");   testWin.document.write(mycode);   testWin.document.writeln("\n</head>");   testWin.document.writeln("<body>\n");   testWin.document.writeln("<P>Now is the time for all good men to come to the aid of their country.");   testWin.document.writeln("<P>And here is a <a href=\"http://www.neverbeenthere.com/\">link</a>.");   testWin.document.writeln("<P>View the source of this page to see how everything goes together.\n");   testWin.document.writeln("</body>");   testWin.document.writeln("</html>");   testWin.document.close();}*//* KILLED FOR NOWfunction openTestPageBody(){   var mycode = window.document.getElementById("code_body").innerText;   testWin = window.open("testpage.html","");   testWin.document.open();   testWin.document.writeln("<html>");   testWin.document.writeln("<head>");   testWin.document.writeln("<title>ColorPicker test page</title>");   testWin.document.writeln("</head>");   testWin.document.write(mycode);   testWin.document.writeln("\n<P>Now is the time for all good men to come to the aid of their country.");   testWin.document.writeln("<P>And here is a <a href=\"http://www.neverbeenthere.com/\">link</a>.");   testWin.document.writeln("<P>View the source of this page to see how everything goes together.\n");   testWin.document.writeln("</body>");   testWin.document.writeln("</html>");   testWin.document.close();}*/function startMeUp(){   fillColorBoxes();   chooserMode('back');   setInitialColors();   updateCode();   doFontSize("default");}</script><style>body{   border-right-width:1px;   border-right-color:#666666;   border-right-style:solid;   font-size:12px;}td.colorchart{   width:16px;   height:12px;}td{font-size:12px;}a.getcolorlinks_r:link    { color:#880000;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_r:visited { color:#880000;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_r:active  { color:#880000;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_r:hover   { color:#ff0000;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_g:link    { color:#006600;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_g:visited { color:#006600;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_g:active  { color:#006600;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_g:hover   { color:#00dd00;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_b:link    { color:#000088;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_b:visited { color:#000088;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_b:active  { color:#000088;  font:normal 10px arial; text-decoration:none; cursor:default; }a.getcolorlinks_b:hover   { color:#0000ff;  font:normal 10px arial; text-decoration:none; cursor:default; }span.getcolorlinks_red   { background-color:#ffdddd; font:normal 5px courier new; color:#990000; cursor:default; }span.getcolorlinks_green { background-color:#ddffdd; font:normal 5px courier new; color:#009900; cursor:default; }span.getcolorlinks_blue  { background-color:#ddddff; font:normal 5px courier new; color:#000099; cursor:default; }span.getcolorlinks_red_label   { background-color:#ffdddd; font:normal 11px courier new; color:#990000; cursor:default; }span.getcolorlinks_green_label { background-color:#ddffdd; font:normal 11px courier new; color:#009900; cursor:default; }span.getcolorlinks_blue_label  { background-color:#ddddff; font:normal 11px courier new; color:#000099; cursor:default; }input.colorbox{   width:62px;   font:normal 12px verdana;   border:solid 1px #ffffff;   color:#999999;}input.bgimagebox{   width:210px;   font:normal 12px;}input.bgimagebtn{   font:normal 12px ;}</style></HEAD><BODY style="margin-top:0px;" onLoad="startMeUp();"><br /><br /><table border="0" cellpadding="0" cellspacing="0" style="margin-top:6px;" align="center" width="90%"><tr><td width=324 valign=top><div align=center><table border="0" cellpadding="0" cellspacing="0" width=302><tr><td><span style="font-size:14px;font-weight:bold;font-family:ms shell dlg;color:red">DoNews BLOG配色器</span></td><td align=right valign=bottom><a href="http://blog.donews.com/" target="_self"style="text-decoration:none;font-size:12px"><spanstyle="color:#40a840">Blog@donews提供</span></a></td></tr></table><br /><br /><span class="getcolorlinks_red"><span class="getcolorlinks_red_label"> Red:  </span><a href="javascript:colorsOne('R','00');" class="getcolorlinks_r" id="R00">00</a><a href="javascript:colorsOne('R','11');" class="getcolorlinks_r" id="R11">11</a><a href="javascript:colorsOne('R','22');" class="getcolorlinks_r" id="R22">22</a><a href="javascript:colorsOne('R','33');" class="getcolorlinks_r" id="R33">33</a><a href="javascript:colorsOne('R','44');" class="getcolorlinks_r" id="R44">44</a><a href="javascript:colorsOne('R','55');" class="getcolorlinks_r" id="R55">55</a><a href="javascript:colorsOne('R','66');" class="getcolorlinks_r" id="R66">66</a><a href="javascript:colorsOne('R','77');" class="getcolorlinks_r" id="R77">77</a><a href="javascript:colorsOne('R','88');" class="getcolorlinks_r" id="R88">88</a><a href="javascript:colorsOne('R','99');" class="getcolorlinks_r" id="R99">99</a><a href="javascript:colorsOne('R','AA');" class="getcolorlinks_r" id="RAA">AA</a><a href="javascript:colorsOne('R','BB');" class="getcolorlinks_r" id="RBB">BB</a><a href="javascript:colorsOne('R','CC');" class="getcolorlinks_r" id="RCC">CC</a><a href="javascript:colorsOne('R','DD');" class="getcolorlinks_r" id="RDD">DD</a><a href="javascript:colorsOne('R','EE');" class="getcolorlinks_r" id="REE">EE</a><a href="javascript:colorsOne('R','FF');" class="getcolorlinks_r" id="RFF">FF</a> <br></span><span class="getcolorlinks_green"><span class="getcolorlinks_green_label"> Green:</span><a href="javascript:colorsOne('G','00');" class="getcolorlinks_g" id="G00">00</a><a href="javascript:colorsOne('G','11');" class="getcolorlinks_g" id="G11">11</a><a href="javascript:colorsOne('G','22');" class="getcolorlinks_g" id="G22">22</a><a href="javascript:colorsOne('G','33');" class="getcolorlinks_g" id="G33">33</a><a href="javascript:colorsOne('G','44');" class="getcolorlinks_g" id="G44">44</a><a href="javascript:colorsOne('G','55');" class="getcolorlinks_g" id="G55">55</a><a href="javascript:colorsOne('G','66');" class="getcolorlinks_g" id="G66">66</a><a href="javascript:colorsOne('G','77');" class="getcolorlinks_g" id="G77">77</a><a href="javascript:colorsOne('G','88');" class="getcolorlinks_g" id="G88">88</a><a href="javascript:colorsOne('G','99');" class="getcolorlinks_g" id="G99">99</a><a href="javascript:colorsOne('G','AA');" class="getcolorlinks_g" id="GAA">AA</a><a href="javascript:colorsOne('G','BB');" class="getcolorlinks_g" id="GBB">BB</a><a href="javascript:colorsOne('G','CC');" class="getcolorlinks_g" id="GCC">CC</a><a href="javascript:colorsOne('G','DD');" class="getcolorlinks_g" id="GDD">DD</a><a href="javascript:colorsOne('G','EE');" class="getcolorlinks_g" id="GEE">EE</a><a href="javascript:colorsOne('G','FF');" class="getcolorlinks_g" id="GFF">FF</a> <br></span><span class="getcolorlinks_blue"><span class="getcolorlinks_blue_label"> Blue: </span><a href="javascript:colorsOne('B','00');" class="getcolorlinks_b" id="B00">00</a><a href="javascript:colorsOne('B','11');" class="getcolorlinks_b" id="B11">11</a><a href="javascript:colorsOne('B','22');" class="getcolorlinks_b" id="B22">22</a><a href="javascript:colorsOne('B','33');" class="getcolorlinks_b" id="B33">33</a><a href="javascript:colorsOne('B','44');" class="getcolorlinks_b" id="B44">44</a><a href="javascript:colorsOne('B','55');" class="getcolorlinks_b" id="B55">55</a><a href="javascript:colorsOne('B','66');" class="getcolorlinks_b" id="B66">66</a><a href="javascript:colorsOne('B','77');" class="getcolorlinks_b" id="B77">77</a><a href="javascript:colorsOne('B','88');" class="getcolorlinks_b" id="B88">88</a><a href="javascript:colorsOne('B','99');" class="getcolorlinks_b" id="B99">99</a><a href="javascript:colorsOne('B','AA');" class="getcolorlinks_b" id="BAA">AA</a><a href="javascript:colorsOne('B','BB');" class="getcolorlinks_b" id="BBB">BB</a><a href="javascript:colorsOne('B','CC');" class="getcolorlinks_b" id="BCC">CC</a><a href="javascript:colorsOne('B','DD');" class="getcolorlinks_b" id="BDD">DD</a><a href="javascript:colorsOne('B','EE');" class="getcolorlinks_b" id="BEE">EE</a><a href="javascript:colorsOne('B','FF');" class="getcolorlinks_b" id="BFF">FF</a> <br></span><table border=0 cellspacing=1 cellpadding=0 style="margin-top:6px;margin-bottom:0px;background-color:#444444;"><tr><td class="colorchart" bgcolor="#330000" onClick="colorsAll('330000')" title="330000"></td><td class="colorchart" bgcolor="#333300" onClick="colorsAll('333300')" title="333300"></td><td class="colorchart" bgcolor="#336600" onClick="colorsAll('336600')" title="336600"></td><td class="colorchart" bgcolor="#339900" onClick="colorsAll('339900')" title="339900"></td><td class="colorchart" bgcolor="#33CC00" onClick="colorsAll('33CC00')" title="33CC00"></td><td class="colorchart" bgcolor="#33FF00" onClick="colorsAll('33FF00')" title="33FF00"></td><td class="colorchart" bgcolor="#66FF00" onClick="colorsAll('66FF00')" title="66FF00"></td><td class="colorchart" bgcolor="#66CC00" onClick="colorsAll('66CC00')" title="66CC00"></td><td class="colorchart" bgcolor="#669900" onClick="colorsAll('669900')" title="669900"></td><td class="colorchart" bgcolor="#666600" onClick="colorsAll('666600')" title="666600"></td><td class="colorchart" bgcolor="#663300" onClick="colorsAll('663300')" title="663300"></td><td class="colorchart" bgcolor="#660000" onClick="colorsAll('660000')" title="660000"></td><td class="colorchart" bgcolor="#FF0000" onClick="colorsAll('FF0000')" title="FF0000"></td><td class="colorchart" bgcolor="#FF3300" onClick="colorsAll('FF3300')" title="FF3300"></td><td class="colorchart" bgcolor="#FF6600" onClick="colorsAll('FF6600')" title="FF6600"></td><td class="colorchart" bgcolor="#FF9900" onClick="colorsAll('FF9900')" title="FF9900"></td><td class="colorchart" bgcolor="#FFCC00" onClick="colorsAll('FFCC00')" title="FFCC00"></td><td class="colorchart" bgcolor="#FFFF00" onClick="colorsAll('FFFF00')" title="FFFF00"></td></tr><tr><td class="colorchart" bgcolor="#330033" onClick="colorsAll('330033')" title="330033"></td><td class="colorchart" bgcolor="#333333" onClick="colorsAll('333333')" title="333333"></td><td class="colorchart" bgcolor="#336633" onClick="colorsAll('336633')" title="336633"></td><td class="colorchart" bgcolor="#339933" onClick="colorsAll('339933')" title="339933"></td><td class="colorchart" bgcolor="#33CC33" onClick="colorsAll('33CC33')" title="33CC33"></td><td class="colorchart" bgcolor="#33FF33" onClick="colorsAll('33FF33')" title="33FF33"></td><td class="colorchart" bgcolor="#66FF33" onClick="colorsAll('66FF33')" title="66FF33"></td><td class="colorchart" bgcolor="#66CC33" onClick="colorsAll('66CC33')" title="66CC33"></td><td class="colorchart" bgcolor="#669933" onClick="colorsAll('669933')" title="669933"></td><td class="colorchart" bgcolor="#666633" onClick="colorsAll('666633')" title="666633"></td><td class="colorchart" bgcolor="#663333" onClick="colorsAll('663333')" title="663333"></td><td class="colorchart" bgcolor="#660033" onClick="colorsAll('660033')" title="660033"></td><td class="colorchart" bgcolor="#FF0033" onClick="colorsAll('FF0033')" title="FF0033"></td><td class="colorchart" bgcolor="#FF3333" onClick="colorsAll('FF3333')" title="FF3333"></td><td class="colorchart" bgcolor="#FF6633" onClick="colorsAll('FF6633')" title="FF6633"></td><td class="colorchart" bgcolor="#FF9933" onClick="colorsAll('FF9933')" title="FF9933"></td><td class="colorchart" bgcolor="#FFCC33" onClick="colorsAll('FFCC33')" title="FFCC33"></td><td class="colorchart" bgcolor="#FFFF33" onClick="colorsAll('FFFF33')" title="FFFF33"></td></tr><tr><td class="colorchart" bgcolor="#330066" onClick="colorsAll('330066')" title="330066"></td><td class="colorchart" bgcolor="#333366" onClick="colorsAll('333366')" title="333366"></td><td class="colorchart" bgcolor="#336666" onClick="colorsAll('336666')" title="336666"></td><td class="colorchart" bgcolor="#339966" onClick="colorsAll('339966')" title="339966"></td><td class="colorchart" bgcolor="#33CC66" onClick="colorsAll('33CC66')" title="33CC66"></td><td class="colorchart" bgcolor="#33FF66" onClick="colorsAll('33FF66')" title="33FF66"></td><td class="colorchart" bgcolor="#66FF66" onClick="colorsAll('66FF66')" title="66FF66"></td><td class="colorchart" bgcolor="#66CC66" onClick="colorsAll('66CC66')" title="66CC66"></td><td class="colorchart" bgcolor="#669966" onClick="colorsAll('669966')" title="669966"></td><td class="colorchart" bgcolor="#666666" onClick="colorsAll('666666')" title="666666"></td><td class="colorchart" bgcolor="#663366" onClick="colorsAll('663366')" title="663366"></td><td class="colorchart" bgcolor="#660066" onClick="colorsAll('660066')" title="660066"></td><td class="colorchart" bgcolor="#FF0066" onClick="colorsAll('FF0066')" title="FF0066"></td><td class="colorchart" bgcolor="#FF3366" onClick="colorsAll('FF3366')" title="FF3366"></td><td class="colorchart" bgcolor="#FF6666" onClick="colorsAll('FF6666')" title="FF6666"></td><td class="colorchart" bgcolor="#FF9966" onClick="colorsAll('FF9966')" title="FF9966"></td><td class="colorchart" bgcolor="#FFCC66" onClick="colorsAll('FFCC66')" title="FFCC66"></td><td class="colorchart" bgcolor="#FFFF66" onClick="colorsAll('FFFF66')" title="FFFF66"></td></tr><tr><td class="colorchart" bgcolor="#330099" onClick="colorsAll('330099')" title="330099"></td><td class="colorchart" bgcolor="#333399" onClick="colorsAll('333399')" title="333399"></td><td class="colorchart" bgcolor="#336699" onClick="colorsAll('336699')" title="336699"></td><td class="colorchart" bgcolor="#339999" onClick="colorsAll('339999')" title="339999"></td><td class="colorchart" bgcolor="#33CC99" onClick="colorsAll('33CC99')" title="33CC99"></td><td class="colorchart" bgcolor="#33FF99" onClick="colorsAll('33FF99')" title="33FF99"></td><td class="colorchart" bgcolor="#66FF99" onClick="colorsAll('66FF99')" title="66FF99"></td><td class="colorchart" bgcolor="#66CC99" onClick="colorsAll('66CC99')" title="66CC99"></td><td class="colorchart" bgcolor="#669999" onClick="colorsAll('669999')" title="669999"></td><td class="colorchart" bgcolor="#666699" onClick="colorsAll('666699')" title="666699"></td><td class="colorchart" bgcolor="#663399" onClick="colorsAll('663399')" title="663399"></td><td class="colorchart" bgcolor="#660099" onClick="colorsAll('660099')" title="660099"></td><td class="colorchart" bgcolor="#FF0099" onClick="colorsAll('FF0099')" title="FF0099"></td><td class="colorchart" bgcolor="#FF3399" onClick="colorsAll('FF3399')" title="FF3399"></td><td class="colorchart" bgcolor="#FF6699" onClick="colorsAll('FF6699')" title="FF6699"></td><td class="colorchart" bgcolor="#FF9999" onClick="colorsAll('FF9999')" title="FF9999"></td><td class="colorchart" bgcolor="#FFCC99" onClick="colorsAll('FFCC99')" title="FFCC99"></td><td class="colorchart" bgcolor="#FFFF99" onClick="colorsAll('FFFF99')" title="FFFF99"></td></tr><tr><td class="colorchart" bgcolor="#3300CC" onClick="colorsAll('3300CC')" title="3300CC"></td><td class="colorchart" bgcolor="#3333CC" onClick="colorsAll('3333CC')" title="3333CC"></td><td class="colorchart" bgcolor="#3366CC" onClick="colorsAll('3366CC')" title="3366CC"></td><td class="colorchart" bgcolor="#3399CC" onClick="colorsAll('3399CC')" title="3399CC"></td><td class="colorchart" bgcolor="#33CCCC" onClick="colorsAll('33CCCC')" title="33CCCC"></td><td class="colorchart" bgcolor="#33FFCC" onClick="colorsAll('33FFCC')" title="33FFCC"></td><td class="colorchart" bgcolor="#66FFCC" onClick="colorsAll('66FFCC')" title="66FFCC"></td><td class="colorchart" bgcolor="#66CCCC" onClick="colorsAll('66CCCC')" title="66CCCC"></td><td class="colorchart" bgcolor="#6699CC" onClick="colorsAll('6699CC')" title="6699CC"></td><td class="colorchart" bgcolor="#6666CC" onClick="colorsAll('6666CC')" title="6666CC"></td><td class="colorchart" bgcolor="#6633CC" onClick="colorsAll('6633CC')" title="6633CC"></td><td class="colorchart" bgcolor="#6600CC" onClick="colorsAll('6600CC')" title="6600CC"></td><td class="colorchart" bgcolor="#FF00CC" onClick="colorsAll('FF00CC')" title="FF00CC"></td><td class="colorchart" bgcolor="#FF33CC" onClick="colorsAll('FF33CC')" title="FF33CC"></td><td class="colorchart" bgcolor="#FF66CC" onClick="colorsAll('FF66CC')" title="FF66CC"></td><td class="colorchart" bgcolor="#FF99CC" onClick="colorsAll('FF99CC')" title="FF99CC"></td><td class="colorchart" bgcolor="#FFCCCC" onClick="colorsAll('FFCCCC')" title="FFCCCC"></td><td class="colorchart" bgcolor="#FFFFCC" onClick="colorsAll('FFFFCC')" title="FFFFCC"></td></tr><tr><td class="colorchart" bgcolor="#3300FF" onClick="colorsAll('3300FF')" title="3300FF"></td><td class="colorchart" bgcolor="#3333FF" onClick="colorsAll('3333FF')" title="3333FF"></td><td class="colorchart" bgcolor="#3366FF" onClick="colorsAll('3366FF')" title="3366FF"></td><td class="colorchart" bgcolor="#3399FF" onClick="colorsAll('3399FF')" title="3399FF"></td><td class="colorchart" bgcolor="#33CCFF" onClick="colorsAll('33CCFF')" title="33CCFF"></td><td class="colorchart" bgcolor="#33FFFF" onClick="colorsAll('33FFFF')" title="33FFFF"></td><td class="colorchart" bgcolor="#66FFFF" onClick="colorsAll('66FFFF')" title="66FFFF"></td><td class="colorchart" bgcolor="#66CCFF" onClick="colorsAll('66CCFF')" title="66CCFF"></td><td class="colorchart" bgcolor="#6699FF" onClick="colorsAll('6699FF')" title="6699FF"></td><td class="colorchart" bgcolor="#6666FF" onClick="colorsAll('6666FF')" title="6666FF"></td><td class="colorchart" bgcolor="#6633FF" onClick="colorsAll('6633FF')" title="6633FF"></td><td class="colorchart" bgcolor="#6600FF" onClick="colorsAll('6600FF')" title="6600FF"></td><td class="colorchart" bgcolor="#FF00FF" onClick="colorsAll('FF00FF')" title="FF00FF"></td><td class="colorchart" bgcolor="#FF33FF" onClick="colorsAll('FF33FF')" title="FF33FF"></td><td class="colorchart" bgcolor="#FF66FF" onClick="colorsAll('FF66FF')" title="FF66FF"></td><td class="colorchart" bgcolor="#FF99FF" onClick="colorsAll('FF99FF')" title="FF99FF"></td><td class="colorchart" bgcolor="#FFCCFF" onClick="colorsAll('FFCCFF')" title="FFCCFF"></td><td class="colorchart" bgcolor="#FFFFFF" onClick="colorsAll('FFFFFF')" title="FFFFFF"></td></tr><tr><td class="colorchart" bgcolor="#0000FF" onClick="colorsAll('0000FF')" title="0000FF"></td><td class="colorchart" bgcolor="#0033FF" onClick="colorsAll('0033FF')" title="0033FF"></td><td class="colorchart" bgcolor="#0066FF" onClick="colorsAll('0066FF')" title="0066FF"></td><td class="colorchart" bgcolor="#0099FF" onClick="colorsAll('0099FF')" title="0099FF"></td><td class="colorchart" bgcolor="#00CCFF" onClick="colorsAll('00CCFF')" title="00CCFF"></td><td class="colorchart" bgcolor="#00FFFF" onClick="colorsAll('00FFFF')" title="00FFFF"></td><td class="colorchart" bgcolor="#99FFFF" onClick="colorsAll('99FFFF')" title="99FFFF"></td><td class="colorchart" bgcolor="#99CCFF" onClick="colorsAll('99CCFF')" title="99CCFF"></td><td class="colorchart" bgcolor="#9999FF" onClick="colorsAll('9999FF')" title="9999FF"></td><td class="colorchart" bgcolor="#9966FF" onClick="colorsAll('9966FF')" title="9966FF"></td><td class="colorchart" bgcolor="#9933FF" onClick="colorsAll('9933FF')" title="9933FF"></td><td class="colorchart" bgcolor="#9900FF" onClick="colorsAll('9900FF')" title="9900FF"></td><td class="colorchart" bgcolor="#CC00FF" onClick="colorsAll('CC00FF')" title="CC00FF"></td><td class="colorchart" bgcolor="#CC33FF" onClick="colorsAll('CC33FF')" title="CC33FF"></td><td class="colorchart" bgcolor="#CC66FF" onClick="colorsAll('CC66FF')" title="CC66FF"></td><td class="colorchart" bgcolor="#CC99FF" onClick="colorsAll('CC99FF')" title="CC99FF"></td><td class="colorchart" bgcolor="#CCCCFF" onClick="colorsAll('CCCCFF')" title="CCCCFF"></td><td class="colorchart" bgcolor="#CCFFFF" onClick="colorsAll('CCFFFF')" title="CCFFFF"></td></tr><tr><td class="colorchart" bgcolor="#0000CC" onClick="colorsAll('0000CC')" title="0000CC"></td><td class="colorchart" bgcolor="#0033CC" onClick="colorsAll('0033CC')" title="0033CC"></td><td class="colorchart" bgcolor="#0066CC" onClick="colorsAll('0066CC')" title="0066CC"></td><td class="colorchart" bgcolor="#0099CC" onClick="colorsAll('0099CC')" title="0099CC"></td><td class="colorchart" bgcolor="#00CCCC" onClick="colorsAll('00CCCC')" title="00CCCC"></td><td class="colorchart" bgcolor="#00FFCC" onClick="colorsAll('00FFCC')" title="00FFCC"></td><td class="colorchart" bgcolor="#99FFCC" onClick="colorsAll('99FFCC')" title="99FFCC"></td><td class="colorchart" bgcolor="#99CCCC" onClick="colorsAll('99CCCC')" title="99CCCC"></td><td class="colorchart" bgcolor="#9999CC" onClick="colorsAll('9999CC')" title="9999CC"></td><td class="colorchart" bgcolor="#9966CC" onClick="colorsAll('9966CC')" title="9966CC"></td><td class="colorchart" bgcolor="#9933CC" onClick="colorsAll('9933CC')" title="9933CC"></td><td class="colorchart" bgcolor="#9900CC" onClick="colorsAll('9900CC')" title="9900CC"></td><td class="colorchart" bgcolor="#CC00CC" onClick="colorsAll('CC00CC')" title="CC00CC"></td><td class="colorchart" bgcolor="#CC33CC" onClick="colorsAll('CC33CC')" title="CC33CC"></td><td class="colorchart" bgcolor="#CC66CC" onClick="colorsAll('CC66CC')" title="CC66CC"></td><td class="colorchart" bgcolor="#CC99CC" onClick="colorsAll('CC99CC')" title="CC99CC"></td><td class="colorchart" bgcolor="#CCCCCC" onClick="colorsAll('CCCCCC')" title="CCCCCC"></td><td class="colorchart" bgcolor="#CCFFCC" onClick="colorsAll('CCFFCC')" title="CCFFCC"></td></tr><tr><td class="colorchart" bgcolor="#000099" onClick="colorsAll('000099')" title="000099"></td><td class="colorchart" bgcolor="#003399" onClick="colorsAll('003399')" title="003399"></td><td class="colorchart" bgcolor="#006699" onClick="colorsAll('006699')" title="006699"></td><td class="colorchart" bgcolor="#009999" onClick="colorsAll('009999')" title="009999"></td><td class="colorchart" bgcolor="#00CC99" onClick="colorsAll('00CC99')" title="00CC99"></td><td class="colorchart" bgcolor="#00FF99" onClick="colorsAll('00FF99')" title="00FF99"></td><td class="colorchart" bgcolor="#99FF99" onClick="colorsAll('99FF99')" title="99FF99"></td><td class="colorchart" bgcolor="#99CC99" onClick="colorsAll('99CC99')" title="99CC99"></td><td class="colorchart" bgcolor="#999999" onClick="colorsAll('999999')" title="999999"></td><td class="colorchart" bgcolor="#996699" onClick="colorsAll('996699')" title="996699"></td><td class="colorchart" bgcolor="#993399" onClick="colorsAll('993399')" title="993399"></td><td class="colorchart" bgcolor="#990099" onClick="colorsAll('990099')" title="990099"></td><td class="colorchart" bgcolor="#CC0099" onClick="colorsAll('CC0099')" title="CC0099"></td><td class="colorchart" bgcolor="#CC3399" onClick="colorsAll('CC3399')" title="CC3399"></td><td class="colorchart" bgcolor="#CC6699" onClick="colorsAll('CC6699')" title="CC6699"></td><td class="colorchart" bgcolor="#CC9999" onClick="colorsAll('CC9999')" title="CC9999"></td><td class="colorchart" bgcolor="#CCCC99" onClick="colorsAll('CCCC99')" title="CCCC99"></td><td class="colorchart" bgcolor="#CCFF99" onClick="colorsAll('CCFF99')" title="CCFF99"></td></tr><tr><td class="colorchart" bgcolor="#000066" onClick="colorsAll('000066')" title="000066"></td><td class="colorchart" bgcolor="#003366" onClick="colorsAll('003366')" title="003366"></td><td class="colorchart" bgcolor="#006666" onClick="colorsAll('006666')" title="006666"></td><td class="colorchart" bgcolor="#009966" onClick="colorsAll('009966')" title="009966"></td><td class="colorchart" bgcolor="#00CC66" onClick="colorsAll('00CC66')" title="00CC66"></td><td class="colorchart" bgcolor="#00FF66" onClick="colorsAll('00FF66')" title="00FF66"></td><td class="colorchart" bgcolor="#99FF66" onClick="colorsAll('99FF66')" title="99FF66"></td><td class="colorchart" bgcolor="#99CC66" onClick="colorsAll('99CC66')" title="99CC66"></td><td class="colorchart" bgcolor="#999966" onClick="colorsAll('999966')" title="999966"></td><td class="colorchart" bgcolor="#996666" onClick="colorsAll('996666')" title="996666"></td><td class="colorchart" bgcolor="#993366" onClick="colorsAll('993366')" title="993366"></td><td class="colorchart" bgcolor="#990066" onClick="colorsAll('990066')" title="990066"></td><td class="colorchart" bgcolor="#CC0066" onClick="colorsAll('CC0066')" title="CC0066"></td><td class="colorchart" bgcolor="#CC3366" onClick="colorsAll('CC3366')" title="CC3366"></td><td class="colorchart" bgcolor="#CC6666" onClick="colorsAll('CC6666')" title="CC6666"></td><td class="colorchart" bgcolor="#CC9966" onClick="colorsAll('CC9966')" title="CC9966"></td><td class="colorchart" bgcolor="#CCCC66" onClick="colorsAll('CCCC66')" title="CCCC66"></td><td class="colorchart" bgcolor="#CCFF66" onClick="colorsAll('CCFF66')" title="CCFF66"></td></tr><tr><td class="colorchart" bgcolor="#000033" onClick="colorsAll('000033')" title="000033"></td><td class="colorchart" bgcolor="#003333" onClick="colorsAll('003333')" title="003333"></td><td class="colorchart" bgcolor="#006633" onClick="colorsAll('006633')" title="006633"></td><td class="colorchart" bgcolor="#009933" onClick="colorsAll('009933')" title="009933"></td><td class="colorchart" bgcolor="#00CC33" onClick="colorsAll('00CC33')" title="00CC33"></td><td class="colorchart" bgcolor="#00FF33" onClick="colorsAll('00FF33')" title="00FF33"></td><td class="colorchart" bgcolor="#99FF33" onClick="colorsAll('99FF33')" title="99FF33"></td><td class="colorchart" bgcolor="#99CC33" onClick="colorsAll('99CC33')" title="99CC33"></td><td class="colorchart" bgcolor="#999933" onClick="colorsAll('999933')" title="999933"></td><td class="colorchart" bgcolor="#996633" onClick="colorsAll('996633')" title="996633"></td><td class="colorchart" bgcolor="#993333" onClick="colorsAll('993333')" title="993333"></td><td class="colorchart" bgcolor="#990033" onClick="colorsAll('990033')" title="990033"></td><td class="colorchart" bgcolor="#CC0033" onClick="colorsAll('CC0033')" title="CC0033"></td><td class="colorchart" bgcolor="#CC3333" onClick="colorsAll('CC3333')" title="CC3333"></td><td class="colorchart" bgcolor="#CC6633" onClick="colorsAll('CC6633')" title="CC6633"></td><td class="colorchart" bgcolor="#CC9933" onClick="colorsAll('CC9933')" title="CC9933"></td><td class="colorchart" bgcolor="#CCCC33" onClick="colorsAll('CCCC33')" title="CCCC33"></td><td class="colorchart" bgcolor="#CCFF33" onClick="colorsAll('CCFF33')" title="CCFF33"></td></tr><tr><td class="colorchart" bgcolor="#000000" onClick="colorsAll('000000')" title="000000"></td><td class="colorchart" bgcolor="#003300" onClick="colorsAll('003300')" title="003300"></td><td class="colorchart" bgcolor="#006600" onClick="colorsAll('006600')" title="006600"></td><td class="colorchart" bgcolor="#009900" onClick="colorsAll('009900')" title="009900"></td><td class="colorchart" bgcolor="#00CC00" onClick="colorsAll('00CC00')" title="00CC00"></td><td class="colorchart" bgcolor="#00FF00" onClick="colorsAll('00FF00')" title="00FF00"></td><td class="colorchart" bgcolor="#99FF00" onClick="colorsAll('99FF00')" title="99FF00"></td><td class="colorchart" bgcolor="#99CC00" onClick="colorsAll('99CC00')" title="99CC00"></td><td class="colorchart" bgcolor="#999900" onClick="colorsAll('999900')" title="999900"></td><td class="colorchart" bgcolor="#996600" onClick="colorsAll('996600')" title="996600"></td><td class="colorchart" bgcolor="#993300" onClick="colorsAll('993300')" title="993300"></td><td class="colorchart" bgcolor="#990000" onClick="colorsAll('990000')" title="990000"></td><td class="colorchart" bgcolor="#CC0000" onClick="colorsAll('CC0000')" title="CC0000"></td><td class="colorchart" bgcolor="#CC3300" onClick="colorsAll('CC3300')" title="CC3300"></td><td class="colorchart" bgcolor="#CC6600" onClick="colorsAll('CC6600')" title="CC6600"></td><td class="colorchart" bgcolor="#CC9900" onClick="colorsAll('CC9900')" title="CC9900"></td><td class="colorchart" bgcolor="#CCCC00" onClick="colorsAll('CCCC00')" title="CCCC00"></td><td class="colorchart" bgcolor="#CCFF00" onClick="colorsAll('CCFF00')" title="CCFF00"></td></tr><tr><td class="colorchart" bgcolor="#000000" onClick="colorsAll('000000')" title="000000"></td><td class="colorchart" bgcolor="#111111" onClick="colorsAll('111111')" title="111111"></td><td class="colorchart" bgcolor="#222222" onClick="colorsAll('222222')" title="222222"></td><td class="colorchart" bgcolor="#333333" onClick="colorsAll('333333')" title="333333"></td><td class="colorchart" bgcolor="#444444" onClick="colorsAll('444444')" title="444444"></td><td class="colorchart" bgcolor="#555555" onClick="colorsAll('555555')" title="555555"></td><td class="colorchart" bgcolor="#666666" onClick="colorsAll('666666')" title="666666"></td><td class="colorchart" bgcolor="#777777" onClick="colorsAll('777777')" title="777777"></td><td class="colorchart" bgcolor="#888888" onClick="colorsAll('888888')" title="888888"></td><td class="colorchart" bgcolor="#999999" onClick="colorsAll('999999')" title="999999"></td><td class="colorchart" bgcolor="#AAAAAA" onClick="colorsAll('AAAAAA')" title="AAAAAA"></td><td class="colorchart" bgcolor="#BBBBBB" onClick="colorsAll('BBBBBB')" title="BBBBBB"></td><td class="colorchart" bgcolor="#CCCCCC" onClick="colorsAll('CCCCCC')" title="CCCCCC"></td><td class="colorchart" bgcolor="#DDDDDD" onClick="colorsAll('DDDDDD')" title="DDDDDD"></td><td class="colorchart" bgcolor="#EEEEEE" onClick="colorsAll('EEEEEE')" title="EEEEEE"></td><td class="colorchart" bgcolor="#FFFFFF" onClick="colorsAll('FFFFFF')" title="FFFFFF"></td><td class="colorchart" bgcolor="#444444"></td><td class="colorchart" bgcolor="#444444"></td></tr></table></div><div align=center><form name=pickerform style="margin:0"><table style="font:normal 12px verdana" cellpadding=0 cellspacing=0 border=0><tr><td><input type=radio name=chooser onClick="chooserMode('text')">文字颜色:<input type=text class=colorbox readonly name="colorbox_text">  </td><td><input type=radio name=chooser onClick="chooserMode('back')" checked>背景颜色:<input type=text class=colorbox readonly name="colorbox_back"></td></tr><tr><td><input type=radio name=chooser onClick="chooserMode('link')">页面链接色:<input type=text class=colorbox readonly name="colorbox_link"></td><td><input type=radio name=chooser onClick="chooserMode('vlink')">已浏览链接色:<input type=text class=colorbox readonly name="colorbox_vlink"></td></tr><tr><td><input type=radio name=chooser onClick="chooserMode('hover')">悬停链接色:<input type=text class=colorbox readonly name="colorbox_hover"></td><td><input type=radio name=chooser onClick="chooserMode('alink')">动态链接色:<input type=text class=colorbox readonly name="colorbox_alink"></td></tr><tr><td colspan=2 bgcolor="#bbbbbb" height=1></td></tr><tr><td colspan=2 align=center style="display:none;padding-top:5px;padding-bottom:5px;">Background image (optional)<br><input type=text class=bgimagebox name=bgimage><input type=button class=bgimagebtn value=Set onClick="doBGImage()"></td></tr><tr><td colspan=2 align=center style="padding-top:5px;padding-bottom:5px;">字体/大小<select style="font:normal 12px verdana;" onChange="doFontFamily(this.options[this.selectedIndex].value)"><option value="default">[default]<option value="Arial,sans-serif">Arial<option value="Arial Black,sans-serif">Arial Black<option value="Arial Narrow,sans-serif">Arial Narrow<option value="Bookman Old Style,serif">Bookman Old Style<option value="Century Gothic,sans-serif">Century Gothic<option value="Comic Sans MS,sans-serif">Comic Sans MS<option value="Courier New,monospace">Courier New<option value="Georgia,serif">Georgia<option value="Impact,sans-serif">Impact<option value="Lucida Console,monospace">Lucida Console<option value="Tahoma,sans-serif">Tahoma<option value="Times New Roman,serif">Times New Roman<option value="Trebuchet MS,sans-serif">Trebuchet MS<option value="Verdana,sans-serif">Verdana</select><select style="font:normal 12px verdana;" onChange="doFontSize(this.options[this.selectedIndex].value)"><option value="default" selected>--<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12<option value="13">13<option value="14">14<option value="15">15<option value="16">16<option value="17">17<option value="18">18<option value="19">19<option value="20">20<option value="22">22<option value="24">24<option value="26">26<option value="28">28<option value="30">30</select></td></tr><tr><td colspan=2 bgcolor="#bbbbbb" height=1></td></tr><tr><td colspan=2 align=center><input type=checkbox name=boldbox onClick="doBold()"><b>粗体</b>   <input type=checkbox name=italicbox onClick="doItalic()"><i>斜体</i>   <input type=checkbox name=underlinelinksbox onClick="doUnderlineLinks()" checked><u>给连接加下划线</u></td></tr></table></form></div><br /><br /><b>使用说明:</b><br /><br />先选中相应颜色设置的圆点按钮,然后选择相应的颜色,再查看右边演示区域的变化和代码</td><td id=rightcell valign=top style="border:solid 1px #bbbbbb;"><div style="padding:10px 20px 0px 20px;"><span style="font-size:14px" id="heading">效果演示:</span><noscript><div style="background-color:#ee0000;color:#ffffff;padding:16px"><b>Houston, we have a problem... it would seem that your browser has Javascript disabled. Without Javascript, this ColorPicker won't do much of anything.</b></div></noscript><hr><span id="allspans" style="font-size:12pt;"><span id="text">This is text<br>Now is the time for all good men to come to the aid of their country. And here is a <span id="link2" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('link2')" onMouseOut="liteLinkOff('link2')">link</span> embedded in some text so you can better see how it will look.</span><p><span id="link" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('link')" onMouseOut="liteLinkOff('link')">This is a link</span><p><span id="vlink" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('vlink')" onMouseOut="liteLinkOff('vlink')">This is a visited link</span><p><span id="alink" style="text-decoration:underline;cursor:pointer;" onMouseOver="liteLinkOn('alink')" onMouseOut="liteLinkOff('alink')">This is an active link</span><p><span id="hover" style="text-decoration:underline;">This is the hover color</span><p> </span><hr><div id="stylecode"></div><hr></div></td></tr></table></BODY></HTML>

Trackback: http://tb.donews.net/TrackBack.aspx?PostId=752959

[点击此处收藏本文] 发表于2006年03月04日 7:35 PM

正在读取评论……

添加评论

大名

网址

验证码

记住我

导航

Blog统计

公告

生日密码

文章

收藏

相册

Blogs

Links

存档