js实现的网页颜色代码表全集


答案：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML><HEAD><TITLE>网页颜色代码全集</TITLE> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<META content="MSHTML 6.00.2800.1543" name=GENERATOR> 
<STYLE type=text/css>TD { 
    FONT-SIZE: 10.8pt 
} 
BODY { 
    FONT-SIZE: 10.8pt 
} 
BUTTON { 
    WIDTH: 5em 
} 
</STYLE> 

<SCRIPT language=JavaScript> 
var SelRGB = ''; 
var DrRGB = ''; 
var SelGRAY = '120'; 

var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); 

function ToHex(n) 
{    var h, l; 

    n = Math.round(n); 
    l = n % 16; 
    h = Math.floor((n / 16)) % 16; 
    return (hexch[h] + hexch[l]); 
} 

function DoColor(c, l) 
{ var r, g, b; 

  r = '0x' + c.substring(1, 3); 
  g = '0x' + c.substring(3, 5); 
  b = '0x' + c.substring(5, 7); 

  if(l > 120) 
  { 
    l = l - 120; 

    r = (r * (120 - l) + 255 * l) / 120; 
    g = (g * (120 - l) + 255 * l) / 120; 
    b = (b * (120 - l) + 255 * l) / 120; 
  }else 
  { 
    r = (r * l) / 120; 
    g = (g * l) / 120; 
    b = (b * l) / 120; 
  } 

  return '#' + ToHex(r) + ToHex(g) + ToHex(b); 
} 

function EndColor() 
{ var i; 

  if(DrRGB != SelRGB) 
  { 
    DrRGB = SelRGB; 
    for(i = 0; i <= 30; i ++) 
      GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8); 
  } 

  SelColor.value = DoColor(RGB.innerText, GRAY.innerText); 
  ShowColor.bgColor = SelColor.value; 
} 
</SCRIPT> 

<SCRIPT language=JavaScript event=onclick for=ColorTable> 
  SelRGB = event.srcElement.bgColor; 
  EndColor(); 
</SCRIPT> 

<SCRIPT language=JavaScript event=onmouseover for=ColorTable> 
  RGB.innerText = event.srcElement.bgColor; 
  EndColor(); 
</SCRIPT> 

<SCRIPT language=JavaScript event=onmouseout for=ColorTable> 
  RGB.innerText = SelRGB; 
  EndColor(); 
</SCRIPT> 

<SCRIPT language=JavaScript event=onclick for=GrayTable> 
  SelGRAY = event.srcElement.title; 
  EndColor(); 
</SCRIPT> 

<SCRIPT language=JavaScript event=onmouseover for=GrayTable> 
  GRAY.innerText = event.srcElement.title; 
  EndColor(); 
</SCRIPT> 

<SCRIPT language=JavaScript event=onmouseout for=GrayTable> 
  GRAY.innerText = SelGRAY; 
  EndColor(); 
</SCRIPT> 

<SCRIPT language=JavaScript event=onclick for=Ok> 
  window.returnValue = SelColor.value; 
  window.close(); 
</SCRIPT> 
</HEAD> 
<BODY bgcolor="#006633" text=#000000 link=#000000 leftMargin=0 topMargin=0 bgProperties=fixed> 
<DIV align=center> 
  <p> </p> 
  <p><font color="#FF0000" size="5"><strong><a href=>码选择器</strong></font></p> 
</DIV> 
<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd  
border=0> 
  <TBODY> 
  <TR bgColor=#ffffff> 
    <TD align=middle width="10%"><SELECT onchange=selectchg(this.value)  
      name=select1> <OPTION value=1 selected>红</OPTION> <OPTION  
        value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION  
      value=4>灰</OPTION></SELECT> </TD> 
    <TD align=middle width="90%"> 
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> 
        <TBODY> 
        <TR> 
              <TD width="81%" align=right>颜色值  
                <INPUT class=memo size=10 name=text1>  
                <INPUT class=button onclick=choosecolor() type=button value="确认颜色" name=Button2>  
          </TD> 
          <TD align=right width="1%"> </TD> 
          <TD width="18%"> 
            <TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0  
            width=40 border=0> 
              <TBODY> 
              <TR> 
                <TD id=customcolor onmouseover=showcolor(this)  
                bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR> 
  <TR bgColor=#ffffff> 
    <TD align=middle width="10%"> 
      <TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0  
        border=0><SCRIPT language=VBScript> 
function hexit(which) 
hexit=hex(which) 
end function 
</SCRIPT> 

        <SCRIPT language=JavaScript> 
for(i=0;i<=15;++i) 
{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)"  
width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>') 
 document.all['tdleft' + i].num=i 
} 
</SCRIPT> 

        <TBODY></TBODY></TABLE></TD> 
    <TD align=middle width="90%"> 
      <TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0  
border=0> 
        <SCRIPT language=JavaScript> 
document.write('<tr><td></td>') 
for(i=0;i<=15;++i) 
{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')} 
document.write('</tr>') 

for(i=0;i<=15;++i) 
{document.write('<tr>') 
 document.write('<td align="center">'+ hexit(0+i*17) +'</td>') 
 for(j=0;j<=15;++j) 
  {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15"  
height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')} 
 document.write('</tr>') 
} 

</SCRIPT> 

        <TBODY></TBODY></TABLE></TD></TR> 
  <TR bgColor=#ffffff> 
    <TD colSpan=2  
      height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。  
      <BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE> 
<SCRIPT language=JavaScript> 
function selectchg(which) 
{switch(which) 
  {case '1' :leftR();break; 
   case '2' :leftG();break; 
   case '3' :leftB();break; 
   case '4' :leftA();break; 
  } 
} 
function leftR() 
{for(i=0;i<=15;++i) 
   {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} 
 rightR(0) 
} 
function leftG() 
{for(i=0;i<=15;++i) 
   {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} 
 rightG(0) 
} 
function leftB() 
{for(i=0;i<=15;++i) 
   {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} 
 rightB(0) 
} 
function leftA() 
{for(i=0;i<=15;++i) 
   {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} 
 rightA() 
} 
function rightR(which) 
{for(i=0;i<=15;++i) 
   {for(j=0;j<=15;++j) 
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} 
    } 
} 
function rightG(which) 
{for(i=0;i<=15;++i) 
   {for(j=0;j<=15;++j) 
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) +  ',' + (0+j*17) + ')'} 
    } 
} 
function rightB(which) 
{for(i=0;i<=15;++i) 
   {for(j=0;j<=15;++j) 
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb('
上一个：一个可以得到元素真实的背景颜色的javascript脚本
下一个：IE 缓存策略的BUG的解决方法
更多图片编程知识: