Динамично сменя цвета на background-a

Автор: oXteR

В този урок ще дам скрипт с който можете динамочно да сменяте цвета на background-a

Ето скрипта

<html>
<head><title>WEB TOURIST NET</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<SCRIPT LANGUAGE=JAVASCRIPT>
var X,Y,Z
xex=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F")
function collor(r,g,b){
f1.redd.value=eval(f1.redd.value)+r
if(f1.redd.value>255){
f1.redd.value=255
}
if(f1.redd.value<0){
f1.redd.value=0
}
f1.greenn.value=eval(f1.greenn.value)+g
if(f1.greenn.value>255){
f1.greenn.value=255
}
if(f1.greenn.value<0){
f1.greenn.value=0
}
f1.bluee.value=eval(f1.bluee.value)+b
if(f1.bluee.value>255){
f1.bluee.value=255
}
if(f1.bluee.value<0){
f1.bluee.value=0
}
R=eval(f1.redd.value)
G=eval(f1.greenn.value)
B=eval(f1.bluee.value)
RGB="rgb("+R+","+G+","+B+")"
document.bgColor=RGB
ir=Math.floor(R/16)
jr=R%16
ig=Math.floor(G/16)
jg=G%16
ib=Math.floor(B/16)
jb=B%16
RGBinhex="#"+xex[ir]+xex[jr]+xex[ig]+xex[jg]+xex[ib]+xex[jb]
f1.xexx.value=RGBinhex
f1.dexx.value=RGB
}
</SCRIPT>

</HEAD><BODY BGCOLOR=rgb(128,128,128)><P ALIGN=CENTER><FORM NAME="f1">
<INPUT TYPE=BUTTON VALUE="<"
onmousedown="X=setInterval('collor(-1, 0, 0)',50)"
onmouseup="clearInterval(X)"
onmouseout="clearInterval(X)">
<INPUT TYPE=TEXT SIZE=4 READONLY NAME="redd" VALUE=128>
<INPUT TYPE=BUTTON VALUE=">"
onmousedown="X=setInterval('collor(1, 0, 0)',50)"
onmouseup="clearInterval(X)"
onmouseout="clearInterval(X)"><BR>
<INPUT TYPE=BUTTON VALUE="<"
onmousedown="Y=setInterval('collor(0, -1, 0)',50)"
onmouseup="clearInterval(Y)"
onmouseout="clearInterval(Y)">
<INPUT TYPE=TEXT READONLY SIZE=4 NAME="greenn" VALUE=128>
<INPUT TYPE=BUTTON VALUE=">"
onmousedown="Y=setInterval('collor(0, 1, 0)',50)"
onmouseup="clearInterval(Y)"
onmouseout="clearInterval(Y)"><BR>
<INPUT TYPE=BUTTON VALUE="<"
onmousedown="Z=setInterval('collor(0, 0, -1)',50)"
onmouseup="clearInterval(Z)"
onmouseout="clearInterval(Z)">
<INPUT TYPE=TEXT READONLY SIZE=4 NAME="bluee" VALUE=128>
<INPUT TYPE=BUTTON VALUE=">"
onmousedown="Z=setInterval('collor(0, 0, 1)',50)"
onmouseup="clearInterval(Z)"
onmouseout="clearInterval(Z)"><BR>
<INPUT TYPE=TEXT READONLY SIZE=9 NAME="xexx" VALUE="#808080"><BR>
<INPUT TYPE=TEXT READONLY SIZE=14 NAME="dexx" VALUE="rgb(128,128,128)">
</FORM>
</BODY></HTML>