上海南汇 网站建设
网站首页 >> 手动调节背景色
手动调节背景色
发布于：2008-10-28 已被阅读： 次 来源：上海南汇网站建设
<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>手动调节背景色</TITLE><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></HEAD><BODY ><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></BODY></HTML> <!-- 要实现此效果需要 2 个步骤： --><!-- 第 1 步： --><!-- 把下面的代码加到<HEAD></HEAD>区域中： --><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><!-- 第 2 步： --><!-- 把下面的代码加到<BODY></BODY>区域中： --><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>
网站建设相关信息
为什么要建设网站
企业为何需要做网站，企业做网站的目的是为什么，有的企业网站做了但一点效果也没有，那是因为企业没有让网站发挥作用..联系方式
手机：13482597886
Q Q：41218056
Q Q: 41218056
qq41218056@hotmail.com
上海兼职网站建设
英文网站建设与中文网站
日文网站建设-日文网站设计
走好电子商务网站的建设
八大要领 做网站就这么简单
电子商务十忌与建设网站
优秀网站制作的五大要素
网站功能设计的适用性评价
高级技巧：个性化网站设计
行业网站的设计心得
从网页到网络平台 网站开
网站文化与网页设计
一个成功的网站设计
网站建设项目合同撰写注意
企业如何准备网站建设资料
网站建设需要策划吗?
网络营销市场回顾与展望
企业网站建设有哪些不足
网站优化
网站推广时几点禁忌 上海
网站设计应注意的25条
网站策划方案写作、演示
网站推广技巧--实战中文
网站开发策划所需要的文档
企业网站推广效果分析
如何做好网站开发项目的
企业网站的推广漫谈 上海
最佳适合于网站海外推广
网站策划，需要什么的人才
网站策划与建设阶段网站推
网络营销中网站个性化设计