提示:点击代码可以查看效果<html><head><title>免费
网络-网页特效-手动调节背景色</title><style type=text/css><!--body { font-family: 宋体; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }a:active { font: 9pt 宋体; cursor: hand; color: #FF0033 }--></style><meta http-equiv=Content-Type content=text/html; charset=gb2312></head><body><br><br><center><font color=red face=隶书 size=6>手动调节背景色</font></center><br><center><table border=1 bordercolor=#000000 borderlight=green style=border-collapse: collapse cellpadding=0 cellspacing=0><tr><td align=center><font size=5 color=red face=Arial, Helvetica, sans-serif><strong>下面为脚本显示区</strong></font></td></tr><tr><td align=center><script language=JavaScript><!-- Hidingvar red=0;var green=0;var blue=0;var value=0;var convert = new Array()var hexbase= new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F);for (x=0; x<16; x++){for (y=0; y<16; y++){convert[value]= hexbase[x] + hexbase[y];value++;}}function clear(){document.color.bl.value= blue;document.color.rd.value= red;document.color.gr.value= green;}function display(){redx = convert[red]greenx = convert[green]bluex = convert[blue]var rgb = #+redx+greenx+bluex;document.color.rgbdspl.value= rgb;document.bgColor =rgb;}function upred(x){if ((red+x)<=255)red+=xdocument.color.rd.value= red;display()}function downred(x){if ((red-x)>=0)red-=xdocument.color.rd.value= red;display()}function upgreen(x){if ((green+x)<=255)green+=xdocument.color.gr.value= green;display()}function downgreen(x){if ((green-x)>=0)green-=xdocument.color.gr.value= green;display()}function upblue(x){if ((blue+x)<=255)blue+=xdocument.color.bl.value= blue;display()}function downblue(x){if ((blue-x)>=0)blue-=xdocument.color.bl.value= blue;display()}// done hiding --></script><form name=color> <table> <tr align=Center> <td> <input name=red type=button value= +50 onClick=upred(50)> </td> <td> <input name=red2 type=button value= + 10 onClick=upred(10)> </td> <td> <input name=red2 type=button value= + 1 onClick=upred(1)> </td> <td width=50><font color=#FF0000 size=+3><b><font color=#FA0000>红</font></b></font></td> <td> <input name=red- type=button value= - 1 onClick=downred(1)> </td> <td> <input name=red- type=button value= - 10 onClick=downred(10)> </td> <td> <input name=red- type=button value= -50 onClick=downred(50)> </td> <td> <input type=text name=rd size=3> </td> </tr> <tr align=Center> <td> <input name=green type=button value= +50 onClick=upgreen(50)> </td> <td> <input name=green type=button value= + 10 onClick=upgreen(10)> </td> <td> <input name=green type=button value= + 1 onClick=upgreen(1)> </td> <td width=50><font color=#00FF00 size=+3><b><font color=#00FA00>绿</font></b></font></td> <td> <input name=green- type=button value= - 1 onClick=downgreen(1)> </td> <td> <input name=green- type=button value= - 10 onClick=downgreen(10)> </td> <td> <input name=green- type=button value= -50 onClick=downgreen(50)> </td> <td> <input type=text name=gr size=3> </td> </tr> <tr align=Center> <td> <input name=blue type=button value= +50 onClick=upblue(50)> </td> <td> <input name=blue type=button value= + 10 onClick=upblue(10)> </td> <td> <input name=blue type=button value= + 1 onClick=upblue(1)> </td> <td width=50><font color=#0000FF size=+3><b><font color=#0000FA>蓝</font></b></font></td> <td> <input name=blue- type=button value= - 1 onClick=downblue(1)> </td> <td> <input name=blue- type=button value= - 10 onClick=downblue(10)> </td> <td> <input name=blue- type=button value= -50 onClick=downblue(50)> </td> <td> <input type=text name=bl size=3> </td> </tr> <tr align=Center> <td> </td> <td> </td> <td> </td> <td width=50> <input type=text name=rgbdspl size=7> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </form></td></tr></table></center><br><br><center> <SCRIPT LANGUAGE=JavaScript><!-- hidefunction goHist(a) { history.go(a);}//--></script></center><br><br><br><br><br><br></body></html>