js实现的字体颜色调色板实例代码

嗯，前部分的发展是不容易的。1个小时，寻找各种材料，最后，字体的选择板的基本功能，用户界面设计技巧需要改进。先看看效果：功能介绍：单击颜色按钮，弹出选择颜色板，选择一种颜色，保存设置，隐藏的颜色选择，源代码如下：

复制代码代码如下所示：
颜色

<输入
名称=字体颜色type=按钮value=颜色
onclick= coloropen（事件）id=字体颜色/ >
<！——
无功colorhex =新的数组（'00，攻毒，'66，春城，'cc '，'ff）
无功spcolorhex =新的数组（'ff0000 '，'00ff00 '，'0000ff '，'ffff00，
00ffff '，'ff00ff）
var =空
功能initcolor（）{
GetArgs（）；

/ / chat.js init（）；
init（）；

VaR颜色=
对于（i = 0；i < 2；i + +）{
对于（j = 0；j＜6；j + +）{
颜色＝颜色+
颜色＝颜色
+ '
如果（i = 0）{
颜色＝颜色
+ < td宽度= 15式=鼠标指针；背景颜色：#
+ colorhex {，}
+ colorhex {，}
+ colorhex {，}
onclick=（这doclick。风格。背景颜色）
{人}
颜色＝颜色
+ < td宽度= 15式=鼠标指针；背景颜色：#
+ spcolorhex {，}
onclick=（这doclick。风格。背景颜色）
}
颜色＝颜色
+ '
对于（k＝0；k＜3；k +）{
对于（l = 0；l < 6；l +）{
颜色＝颜色
+ < td宽度= 15式=鼠标指针；背景颜色：#
+ colorhex { 3 } K+我*
+ colorhex {我}
+ colorhex {，}
onclick=（这doclick。风格。背景颜色）
}
}
}
}
颜色=
+ '
+第二
关闭
+ '
+ '
+颜色+；
document.getelementbyid（colorpane ）.innerHTML =颜色；
无功current_x = document.getelementbyid（字体颜色OffsetLeft）；
无功current_y = document.getelementbyid（字体颜色OffsetTop）；
/ /警报（current_x ++ current_y ）
Document.getElementById (colorpane).Style.left = current_x + PX;
document.getelementbyid（colorpane ）。style.top = current_y +PX；
}
功能doclick（obj）{
/ / document.getelementbyid（字体颜色）价值=目标；
document.getelementbyid（colorpane ）。style.display =没有；
document.getelementbyid（'msgbox）。style.color = obj；
/ /警报（obj）；
/ /无功chatarea =帧{聊天}文件。
/ / GetElementsByName（'chatarea）；
/ /（var i = 0；i < chatarea.length；i++）{
/ / chatarea {我}。style.color = obj；
/