哎,前段开发真心不容易。。。。弄了 1 个小时,找找了各种素材,终于,字体选色板基本功能弄好了,UI 设计技能亟待提升。先看效果:
功能介绍:点击颜色按钮,弹出选色板,选中一个颜色,保存设置,隐藏选色板。。。实现源码如下:
- <!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>
name="fontColor" type="button" value="颜色"
onclick="coloropen(event)" id="fontColor" />
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 + ''
colorTable = colorTable
+ ''
if (i == 0) {
colorTable = colorTable
+ '
+ ColorHex[j]
+ ColorHex[j]
+ ColorHex[j]
+ '"onclick="doclick(this.style.backgroundColor)">'
} else {
colorTable = colorTable
+ '
+ SpColorHex[j]
+ '"onclick="doclick(this.style.backgroundColor)">'
}
colorTable = colorTable
+ ''
for (k = 0; k < 3; k++) {
for (l = 0; l < 6; l++) {
colorTable = colorTable
+ '
+ ColorHex[k + i * 3]
+ ColorHex[l]
+ ColorHex[j]
+ '"onclick="doclick(this.style.backgroundColor)">'
}
}
}
}
colorTable = ''
来源: http://www.phperz.com/article/17/0627/278297.html