Posted in Javascript onDecember 10, 2013
采用Javascript实现,用鼠标点击相应颜色,动态改变网页背景颜色
这是截图
相应的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 } 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()
鼠标选择动态改变网页背景颜色的JS代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@