- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
选色板,您可以先修改部分代码再运行.
<HTML> <HEAD> <TITLE>颜色－模板无忧www.mb5u.com</TITLE> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <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 FOR=ColorTable EVENT=onclick> SelRGB = event.srcElement.bgColor; EndColor(); </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=ColorTable EVENT=onmouseover> RGB.innerText = event.srcElement.bgColor; EndColor(); </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=ColorTable EVENT=onmouseout> RGB.innerText = SelRGB; EndColor(); </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=GrayTable EVENT=onclick> SelGRAY = event.srcElement.title; EndColor(); </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=GrayTable EVENT=onmouseover> GRAY.innerText = event.srcElement.title; EndColor(); </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=GrayTable EVENT=onmouseout> GRAY.innerText = SelGRAY; EndColor(); </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=Ok EVENT=onclick> window.returnValue = SelColor.value; window.close(); </SCRIPT> </HEAD> <BODY bgcolor=menu> <div align="center"><center><table border="0" cellspacing="10" cellpadding="0"><tr><td> <TABLE ID=ColorTable BORDER=0 CELLSPACING=0 CELLPADDING=0 style='cursor:hand'> <SCRIPT LANGUAGE=JavaScript> function wc(r, g, b, n) { r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15; g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15; b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15; document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=8 width=8></TD>'); } var cnum = new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0); for(i = 0; i < 16; i ++) { document.write('<TR>'); for(j = 0; j < 30; j ++) { n1 = j % 5; n2 = Math.floor(j / 5) * 3; n3 = n2 + 3; wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)), (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)), (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i); } document.writeln('</TR>'); } </SCRIPT> </TABLE></td><td> <TABLE ID=GrayTable BORDER=0 CELLSPACING=0 CELLPADDING=0 style='cursor:hand'> <SCRIPT LANGUAGE=JavaScript> for(i = 255; i >= 0; i -= 8.5) document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i * 16 / 17) + ' height=4 width=20></TD></TR>'); </SCRIPT> </TABLE></td></tr></table></center></div> <div align="center"><center><table border="0" cellspacing="10" cellpadding="0"> <tr><td rowspan="2" align="center"> 选中色彩<table ID=ShowColor border="1" width="40" height="30" cellspacing="0" cellpadding="0"> <tr><td></td></tr></table></td> <td rowspan="2">基色: <SPAN ID=RGB></SPAN><BR> 亮度: <SPAN ID=GRAY>120</SPAN><BR> 代码: <INPUT TYPE=TEXT SIZE=7 ID=SelColor></td> <td><BUTTON ID=Ok TYPE=SUBMIT>确定</BUTTON></td></tr> <tr><td><BUTTON ONCLICK="window.close();">取消</BUTTON></td></tr></table></center></div> </BODY> </HTML>