js网页调色板代码

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

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
	alert('现在的背景颜色代码是： ' + triplet)
}
function drawCell(red, green, blue) 
{
	document.write('<TD BGCOLOR="#' + red + green + blue + '">')
	document.write('<A HREF="javascript:display('' + (red + green + blue) + '')">')
	document.write('<img     SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
	document.write('</A>')
	document.write('</TD>')
}
function drawRow(red, blue) 
{
	document.write('<TR>')
	for (var i = 0; i < 6; ++i) 
{
		drawCell(red, hex[i], blue)
	}
	document.write('</TR>')
}
function drawTable(blue) {
	document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
	for (var i = 0; i < 6; ++i) {
		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()

</script>

<body>

单击上面的调色板试试
</body>

</html>

提示：您可以先修改部分代码再运行