js網頁調色盤代碼

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<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><!--本常式實現了調色盤的功能--><!--顏色的基本構成,以及調配方法--><!--超串連的使用--><!--快顯視窗的使用-->
提示:您可以先修改部分代碼再運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.