网页代码设计技巧系列之---背景调色板.docVIP

脚本说明:把如下代码加入body区域中script language=JavaScript!--// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.// Permission given to use the script provided that this notice remains as is.// Additional scripts can be found at /~yehuda/// create 6-element arrayvar hex = new Array(6)// assign non-dithered descriptorshex[0] = FFhex[1] = CChex[2] = 99hex[3] = 66hex[4] = 33hex[5] = 00// accept triplet string and display as background colorfunction display(triplet) {// set color as background colordocument.bgColor = # + triplet// display the color hexadecimal tripletalert(现在的背景色是 #+triplet)}// draw a single table cell based on all descriptorsfunction drawCell(red, green, blue) {// open cell with specified hexadecimal triplet background colordocument.write(TD BGCOLOR=# + red + green + blue + )// open a hypertext link with javascript: scheme to call display functiondocument.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 tagdocument.write(/A)// close table celldocument.write(/TD)}// draw table row based on red and blue descriptorsfunction drawRow(red, blue) {// open table rowdocument.write(TR)// loop through all non-dithered color descripters as green hexfor (var i = 0; i 6; ++i) {drawCell(red, hex[i], blue)}// close current table rowdocument.write(/TR)}// draw table for one of six color cube panelsfunction 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 hexfor (var i = 0; i 6; ++i) {drawRow(hex[i], blue)}// close current tabledocument.write(/TABLE) }// draw all cube panels inside table cellsfunction drawCube() {// open tabledocument.write(TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1TR)// loop through all non-dithered color descripters