提示:您可以先修改部分代碼再運行
<script LANGUAGE="JavaScript">var hex = new Array(6)<!--定義陣列變數-->hex[0] = "FF"hex[1] = "CC"hex[2] = "99"hex[3] = "66"hex[4] = "33"hex[5] = "00"function display(triplet) {document.bgColor = '#' + triplet<!--根據輸入的triplet,更新視窗的背景顏色-->alert('現在的背景顏色代碼是: ' + triplet)<!--彈出提示視窗-->}function drawCell(red, green, blue) {document.write('<TD BGCOLOR="#' + red + green + blue + '">')<!--定義小方格內的背景顏色-->document.write('<A HREF="javascript:display('' + (red + green + blue) + '')">')<!--定義超連結,調用display函數-->document.write('')<!--引用圖片-->document.write('</a>')document.write('</tD>')}function drawRow(red, blue) {document.write('<TR>')for (var i = 0; i < 6; ++i) <!--迴圈6次-->{drawCell(red, hex[i], blue)<!--一行6個小方格內部的顏色差別在於red和blue分量-->}document.write('</tR>')}function drawTable(blue) {document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')for (var i = 0; i < 6; ++i) {<!--迴圈6次-->drawRow(hex[i], blue)<!--每個表格總體的顏色差別在於藍色分量的不同-->}document.write('</tABLE>')}function drawCube() {document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')for (var i = 0; i < 6; ++i) {document.write('<TD BGCOLOR="#FFFFFF">')<!--定義表格的背景顏色為白色-->drawTable(hex[i])<!--迴圈畫出每一個表格-->document.write('</tD>')}document.write('</tR></tABLE>')}drawCube()<!--直接調用drawCube()函數--></script><body>單擊上面的調色盤試試</body></html><!--本常式實現了調色盤的功能--><!--顏色的基本構成,以及調配方法--><!--超串連的使用--><!--快顯視窗的使用-->
提示:您可以先修改部分代碼再運行