打印

如何用CSS做简编色

xiatian008008 [楼主]

初级会员

帖子: 36
体力: 83
威望: 0
离线: 202 天

1^# 大中小发表于 2007-6-25 14:54

如题

TOP

西部数码VPS主机1G内存仅266元

wuleying

银子

版主

认证
帖子: 12728
体力: 10917
威望: 19
当前: 北京朝阳区

专长 PHP,Perl,项目管理

2^# 大中小发表于 2007-6-25 15:01

<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 event=onclick for=ColorTable language=JavaScript>
SelRGB = event.srcElement.bgColor;
EndColor();
</SCRIPT>
<SCRIPT event=onmouseover for=ColorTable language=JavaScript>
RGB.innerText = event.srcElement.bgColor;
EndColor();
</SCRIPT>
<SCRIPT event=onmouseout for=ColorTable language=JavaScript>
RGB.innerText = SelRGB;
EndColor();
</SCRIPT>
<SCRIPT event=onclick for=GrayTable language=JavaScript>
SelGRAY = event.srcElement.title;
EndColor();
</SCRIPT>
<SCRIPT event=onmouseover for=GrayTable language=JavaScript>
GRAY.innerText = event.srcElement.title;
EndColor();
</SCRIPT>
<SCRIPT event=onmouseout for=GrayTable language=JavaScript>
GRAY.innerText = SelGRAY;
EndColor();
</SCRIPT>
<SCRIPT event=onclick for=Ok language=JavaScript>
window.returnValue = SelColor.value;
window.close();
</SCRIPT>
<script language="JavaScript">
function openwindow(url) {
window.open(url,'new','scrollbars=yes,resizable=yes,width=635,height=450');
}
// -->
</script>
<DIV align=center>
                          <CENTER>
                            <TABLE width="233" height="33" border=0 cellPadding=0 cellSpacing=4>
                              <TBODY>
                                <TR>
                                  <TD> <TABLE border=0 cellPadding=0 cellSpacing=0 id=ColorTable
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>
                                      <TBODY>
                                      </TBODY>
                                    </TABLE></TD>
                                  <TD> <TABLE border=0 cellPadding=0 cellSpacing=0 id=GrayTable
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>
                                      <TBODY>
                                      </TBODY>
                                    </TABLE></TD>
                                </TR>
                              </TBODY>
                            </TABLE>
                          </CENTER>
                        </DIV>
                        <DIV align=center>
                          <CENTER>
                            <TABLE border=0 cellPadding=0 cellSpacing=10 class="12">
                              <TBODY>
                                <TR>
                                  <TD align=middle rowSpan=2>选中色彩
                                    <TABLE border=1 cellPadding=0 cellSpacing=0 height=30 id=ShowColor
width=40>
                                      <TBODY>
                                        <TR>
                                          <TD></TD>
                                        </TR>
                                      </TBODY>
                                    </TABLE></TD>
                                  <TD rowSpan=2>基色: <SPAN id=RGB></SPAN><BR>
                                    亮度: <SPAN
id=GRAY>120</SPAN><BR>
                                    代码:
                                    <INPUT id=SelColor size=7></TD>
                                  <TD></TD>
                                </TR>
                                <TR>
                                  <TD height="17"></TD>
                                </TR>
                              </TBODY>
                            </TABLE>
                          </CENTER>
                        </DIV>

提示：您可以先修改部分代码再运行

是这个东东么？？

博客又挂了
Never give up hope
经典站长联盟QQ群:16719484 PHPERQQ群:85363040