技术文章
首页
关于我们
网站模板
客户案例
网站建设
程序开发
联系我们
技术文章
seo
asp.net
JavaSript
asp
网站建设
手动调节背景色
时间：2008-10-19 点击：904
<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"> <!-- Hiding var 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+=x document.color.rd.value= red; display() } function downred(x){ if ((red-x)>=0) red-=x document.color.rd.value= red; display() } function upgreen(x){ if ((green+x)<=255) green+=x document.color.gr.value= green; display() } function downgreen(x){ if ((green-x)>=0) green-=x document.color.gr.value= green; display() } function upblue(x){ if ((blue+x)<=255) blue+=x document.color.bl.value= blue; display() } function downblue(x){ if ((blue-x)>=0) blue-=x document.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"> <!-- hide function goHist(a) { history.go(a); } //--> </script></center> <br> <br> <br> <br> <br> <br> </body> </html>
点击图片从而改变网页背景图片
滚动条调制并改变背景的特效
背景快速闪烁
星星从背景中飞出
很不错的背景调色板
> 返回
地址：上海市普陀区胶州路941号长久商务中心 电话： QQ：
© Copyright 2012 上海网络
Product
All Rights Reserved