512色色譜圖

<HTML><HEAD>
<TITLE>色譜圖</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<CENTER>
<h2>512色色譜圖</h2>
<SCRIPT LANGUAGE="JavaScript">
//定義數組對象
clr=new Array('00','20','40','60','80','a0','c0','ff');
//創建8個8行8列的表格
for (i=0;i<8;i++) {//創建表格,單元格內填充距8像素
document.write("<table border=1 cellpadding=8>");
for (j=0;j<8;j++) {document.write("<tr>");
for (k=0;k<8;k++) {
//設置表格單元的背景顏色
document.write('<td bgcolor="#'+clr[i]+clr[j]+clr[k]+'">');
//設置文字顏色
document.write('<tt><font color="#'+clr[7-i]+clr[7-j]+clr[7-k]+'"> ');
//顯示16進制顏色值
document.write('#'+clr[i]+clr[j]+clr[k]+' </font></tt></td>'); }
document.write("</tr>"); }document.write("</table><br>"); }
</SCRIPT>
</CENTER>
</BODY>
</HTML>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章