欢迎光临
我们一直在努力

超级 HTML HTMLEditor —- winXP 风格 [2]

建站超值云服务器,限时71元/月

刚才那个名字叫 htmleditor.asp

filename: color.asp
<!– 请保留
    作者:        centver
    更新日期:    2001-6-24
    版本:        1.0
    email:        intion@yeah.net
请保留 –>
<html>

<head>
    <meta name="generator" content="microsoft visual studio 6.0">
    <title>looker html editor v1.0 — color</title>
    <meta content="text/html; charset=gb2312" http-equiv=content-type>
    <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 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>
</head>

<body bgcolor=menu>
<table align=center border=0 cellpadding=0 cellspacing=10>
    <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>
            </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>
            </table>
        </td>
    </tr>
</table>

<table align=center border=0 cellpadding=0 cellspacing=10>
    <tr>
        <td align=middle rowspan=2>选中色彩
            <table border=1 cellpadding=0 cellspacing=0 height=30 id=showcolor width=40>
                <tr>
                    <td></td>
                </tr>
            </table>
        </td>
        <td rowspan=2>
            基色: <span id=rgb></span><br>
            亮度: <span id=gray>120</span><br>
            代码: <input id=selcolor size=7>
        </td>
        <td><button id=ok type=submit>确定</button></td>
    </tr>
    <tr>
        <td><button onclick=window.close();>取消</button></td>
    </tr>
</table>

</body>

</html>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 超级 HTML HTMLEditor —- winXP 风格 [2]
分享到: 更多 (0)

相关推荐

  • 暂无文章