Color Filling in On Page

Posted: November 16, 2007 in JavaScript Stuffs
Tags: ,


Heading

Random
Color Fill

Description


JavaScript Randomly Fill Color in complete pagel ;[Filling Style]


Preview

N/A


Code

<html>

<head>

<style>


.fdsqwa{position:absolute;left:0;top:0;layer-background-color:#A996CD;background-color:#A996CD;z-index:101;}

</style>

<title></title>

</head>

<body>

<div id=”fdswqa1″ class=”fdsqwa”></div>

<div id=”fdswqa2″ class=”fdsqwa”></div>

<div id=”fdswqa3″ class=”fdsqwa”></div>

<div id=”fdswqa4″ class=”fdsqwa”></div>

<div id=”fdswqa5″ class=”fdsqwa”></div>

<div id=”fdswqa6″ class=”fdsqwa”></div>

<div id=”fdswqa7″ class=”fdsqwa”></div>

<div id=”fdswqa8″ class=”fdsqwa”></div>

<div id=”fdswqa9″ class=”fdsqwa”></div>

<div id=”fdswqa10″ class=”fdsqwa”></div>

<div id=”fdswqa11″ class=”fdsqwa”></div>

<div id=”fdswqa12″ class=”fdsqwa”></div>

<div id=”fdswqa13″ class=”fdsqwa”></div>

<div id=”fdswqa14″ class=”fdsqwa”></div>

<div id=”fdswqa15″ class=”fdsqwa”></div>

<div id=”fdswqa16″ class=”fdsqwa”></div>

<div id=”fdswqa17″ class=”fdsqwa”></div>

<div id=”fdswqa18″ class=”fdsqwa”></div>

<div id=”fdswqa19″ class=”fdsqwa”></div>

<div id=”fdswqa20″ class=”fdsqwa”></div>

<div id=”fdswqa21″ class=”fdsqwa”></div>

<div id=”fdswqa22″ class=”fdsqwa”></div>

<div id=”fdswqa23″ class=”fdsqwa”></div>

<div id=”fdswqa24″ class=”fdsqwa”></div>

<div id=”fdswqa25″ class=”fdsqwa”></div>

<script language=”javascript”
type=”text/javascript”>

var fdswea=300;

var fdsewa=1;

var fdsera=new Array();

FdszXa=24;

var fdsrea=new Array();

var fdsrta=document.layers?1:0;

Fdszxa=FdszXa+6;

fDszxa=FdszXa+Fdszxa;

fdSzxa=FdszXa+Fdszxa+fDszxa;

fdsZxa=fdSzxa/fDszxa*FdszXa;

fdszXa=fDszxa*FdszXa/12*Fdszxa;

fdszxA=FdszXa+Fdszxa/fdsZxa-16*fdSzxa;

FdsXza=fdszXa*(FdszXa-5)/fDszxa+fdSzxa;

Fdsxza=FdsXza/fdszxA+FdszXa*fDszxa-fdSzxa;

fDsxza=(Fdsxza+FdszXa/fDszxa*fdSzxa+Fdszxa*fdsZxa)/fdszXa+FdsXza-Fdsxza-1;

fdSxza=Math.floor(fDsxza) ;

fdsXza=fdSxza-35;

var fdstra=document.all?1:0;

var fdstya=document.getElementById&&!document.all?1:0;

if (fdsrta)

{

for (fdsyta=1; fdsyta<=fdsXza;
fdsyta++)

{

fdsera[fdsyta]=eval(“document.fdswqa”+fdsyta+”.clip”);

fdsrea[fdsyta]=eval(“document.fdswqa”+fdsyta);

fdsera[fdsyta].width=window.innerWidth/5;

fdsera[fdsyta].height=window.innerHeight/5;

}

for (fdsyta=1; fdsyta<=5;
fdsyta++)fdsrea[fdsyta].left=(fdsyta-1)*fdsera[fdsyta].width;

for (fdsyta=6; fdsyta<=10;
fdsyta++)

{

fdsrea[fdsyta].left=(fdsyta-6)*fdsera[fdsyta].width;

fdsrea[fdsyta].top=fdsera[fdsyta].height;

}

for (fdsyta=11; fdsyta<=15;
fdsyta++)

{

fdsrea[fdsyta].left=(fdsyta-11)*fdsera[fdsyta].width;

fdsrea[fdsyta].top=2*fdsera[fdsyta].height;

}

for (fdsyta=16; fdsyta<=20;
fdsyta++)

{

fdsrea[fdsyta].left=(fdsyta-16)*fdsera[fdsyta].width;

fdsrea[fdsyta].top=3*fdsera[fdsyta].height;

}

for (fdsyta=21; fdsyta<=fdsXza;
fdsyta++)

{

fdsrea[fdsyta].left=(fdsyta-21)*fdsera[fdsyta].width;

fdsrea[fdsyta].top=4*fdsera[fdsyta].height;

}

}

function fdsyua()

{

window.scrollTo(0,0);

var fdsuya=Math.round(Math.random()*fdsXza);

if (fdsuya==0)fdsuya=1;

if (fdsrea[fdsuya].visibility!=”hide”)fdsrea[fdsuya].visibility=”hide”;

else

{

while (fdsrea[fdsuya].visibility==”hide”)

{

fdsuya=Math.round(Math.random()*fdsXza);

if (fdsuya==0)fdsuya=1;

}


fdsrea[fdsuya].visibility=”hide”;

}

if (fdsewa==fdsXza)clearInterval(fdsuia);

fdsewa++;

fdswea-=10;

}

if (fdstra||fdstya)

{

var fdsiua=fdstya?parseInt(window.innerWidth)/5-5
: parseInt(document.body.clientWidth/5);

var fdsioa=fdstya?parseInt(window.innerHeight)/5-5
: parseInt(document.body.offsetHeight/5);

for (fdsyta=1; fdsyta<=fdsXza;
fdsyta++)

{

fdsera[fdsyta]=fdstya?document.getElementById(“fdswqa”+fdsyta).style
: eval(“document.all.fdswqa”+fdsyta+”.style”);

fdsera[fdsyta].width=fdsiua;

fdsera[fdsyta].height=fdsioa;

}

for (fdsyta=1; fdsyta<=5;
fdsyta++)fdsera[fdsyta].left=(fdsyta-1)*fdsiua;

for (fdsyta=6; fdsyta<=10;
fdsyta++)

{

fdsera[fdsyta].left=(fdsyta-6)*fdsiua;

fdsera[fdsyta].top=fdsioa;

}

for (fdsyta=11; fdsyta<=15;
fdsyta++)

{

fdsera[fdsyta].left=(fdsyta-11)*fdsiua;

fdsera[fdsyta].top=2*fdsioa;

}

for (fdsyta=16; fdsyta<=20;
fdsyta++)

{

fdsera[fdsyta].left=(fdsyta-16)*fdsiua;

fdsera[fdsyta].top=3*fdsioa;

}

for (fdsyta=21; fdsyta<=fdsXza;
fdsyta++)

{

fdsera[fdsyta].left=(fdsyta-21)*fdsiua;

fdsera[fdsyta].top=4*fdsioa;

}

}

function fdsoia()

{

window.scrollTo(0,0);

var fdsuya=Math.round(Math.random()*fdsXza);

if (fdsuya==0)fdsuya=1;

if (fdsera[fdsuya].visibility!=”hidden”)fdsera[fdsuya].visibility=”hidden”;

else

{

while (fdsera[fdsuya].visibility==”hidden”)

{

fdsuya=Math.round(Math.random()*fdsXza);

if (fdsuya==0)fdsuya=1;

}


fdsera[fdsuya].visibility=”hidden”;

}

if (fdsewa==fdsXza)

{

clearInterval(fdsuia);

if (fdstya)

{

for (fdsyta=1; fdsyta<26;
fdsyta++)fdsera[fdsyta].display=”none”;

}

}

fdsewa++;

fdswea-=10;

}

if (fdsrta)fdsuia=setInterval(“fdsyua()”,fdswea);

else if (fdstra||fdstya)

{

fdsuia=setInterval(“fdsoia()”,fdswea);

}

</script>

</body>

</html>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s