JS实现字体选色板

哎，前段开发真心不容易。。。。弄了1个小时，找找了各种素材，终于，字体选色板基本功能弄好了，UI设计技能亟待提升。先看效果：

功能介绍：点击颜色按钮，弹出选色板，选中一个颜色，保存设置，隐藏选色板。。。实现源码如下：

[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>color</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<script language="javascript" src="chat.js" type="text/javascript"></script>

</head>
<body style="margin:8px;">
<span style="white-space:pre"> </span>

                <td colspan=12 align=left style="word-break:break-all"><input
                    name="fontColor" type="button" value="颜色"
                    onclick="coloropen(event)" id="fontColor" />
    

    <script type="text/javascript" language="javascript">
    <!--
        var ColorHex = new Array('00', '33', '66', '99', 'CC', 'FF')
        var SpColorHex = new Array('FF0000', '00FF00', '0000FF', 'FFFF00',
                '00FFFF', 'FF00FF')
        var current = null
        function initcolor() {
            getArgs();

            //chat.js init();
            init();

            var colorTable = ''
            for (i = 0; i < 2; i++) {
                for (j = 0; j < 6; j++) {
                    colorTable = colorTable + '<tr height=15>'
                    colorTable = colorTable
                            + '<td width=15 style="background-color:#000000">'
                    if (i == 0) {
                        colorTable = colorTable
                                + '<td width=15 style="cursor:pointer;background-color:#'
                                + ColorHex[j]
                                + ColorHex[j]
                                + ColorHex[j]
                                + '" onclick="doclick(this.style.backgroundColor)">'
                    } else {
                        colorTable = colorTable
                                + '<td width=15 style="cursor:pointer;background-color:#'
                                + SpColorHex[j]
                                + '" onclick="doclick(this.style.backgroundColor)">'
                    }
                    colorTable = colorTable
                            + '<td width=15 style="background-color:#000000">'
                    for (k = 0; k < 3; k++) {
                        for (l = 0; l < 6; l++) {
                            colorTable = colorTable
                                    + '<td width=15 style="cursor:pointer;background-color:#'
                                    + ColorHex[k + i * 3]
        &

补充：web前端 , JavaScript ,