[ 永遠的UNIX > JavaScript:鼠標點擊色碼方塊使背景變顏色 ]

[ 永遠的UNIX::UNIX技術資料的寶庫 ] GB | BIG5

首頁 > 編程技術 > 源碼天堂 > 正文

JavaScript:鼠標點擊色碼方塊使背景變顏色

本文出自: 作者: (2001-06-27 16:10:00)

加上下面這段源代碼在與之間：

var hex = new Array(6)

hex[0] = "FF"

hex[1] = "CC"

hex[2] = "99"

hex[3] = "66"

hex[4] = "33"

hex[5] = "00"

// accept triplet string and display as background color

function display(triplet) {

// set color as background color

document.bgColor = '#' + triplet

// display the color hexadecimal triplet

alert('現在的背景色是：#'+triplet)

}

// draw a single table cell based on all descriptors

function drawCell(red, green, blue) {

// open cell with specified hexadecimal triplet background color

document.write('<TD BGCOLOR="#' + red + green + blue + '">')

// open a hypertext link with javascript: scheme to call display function

document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')

// print transparent image (use any height and width)

document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')

// close link tag

document.write('</A>')

// close table cell

document.write('</TD>')

}

// draw table row based on red and blue descriptors

function drawRow(red, blue) {

// open table row

document.write('<TR>')

// loop through all non-dithered color descripters as green hex

for (var i = 0; i < 6; ++i) {

drawCell(red, hex[i], blue)

}

// close current table row

document.write('</TR>')

}

// draw table for one of six color cube panels

function drawTable(blue) {

// open table (one of six cube panels)

document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')

// loop through all non-dithered color descripters as red hex

for (var i = 0; i < 6; ++i) {

drawRow(hex[i], blue)

}

// close current table

document.write('</TABLE>')

}

// draw all cube panels inside table cells

function drawCube() {

// open table

document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')

// loop through all non-dithered color descripters as blue hex

for (var i = 0; i < 6; ++i) {

// open table cell with white background color

document.write('<TD BGCOLOR="#FFFFFF">')

// call function to create cube panel with hex[i] blue hex

drawTable(hex[i])

// close current table cell

document.write('</TD>')

}

// close table row and table

document.write('</TR></TABLE>')

}

// call function to begin execution

drawCube()

// -->
</script>

(http://www.fanqiang.com) 進入【UNIX論壇】

相關文章

JavaScript:變色日歷 (2001-06-27 17:04:00)
JavaScript:鼠標點擊色碼方塊使背景變顏色 (2001-06-27 16:10:00)
JavaScript:瘋狂視窗 (2001-06-27 15:00:00)
JavaScript:斜移視窗 (2001-06-27 14:08:00)
JavaScript:自動彈出收藏夾 (2001-06-27 13:04:00)
JavaScript:標題欄動態顯示世界時間 (2001-06-27 12:10:00)

★ 樊強制作歡迎分享 ★