33、闪电闪烁背景代码

33、闪电闪烁背景代码

<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>

Write a comment

Comments: 0