Rain on Page

Posted: November 21, 2007 in JavaScript Stuffs

Heading Rain on Page

Description JavaScript “Animated Rain on Page” ;[Animated Hearts]

Preview N/A

Code

<html>
<head>
<style>


.second4 { position: absolute; width: 4px; filter: flipV(), flipH(); font-size: 42px; color: #0033FF}
</style>
<script language=”javascript” type=”text/javascript”>
fifteenth = false;
sixteenth = ” * ” ;
seventeenth = ” ‘ “;
eighteenth = 9 ;
if(fifteenth)
{
nineteenth = sixteenth;
twentieth=1;
first2=11;
second2=eighteenth
}
else
{
nineteenth = seventeenth;
twentieth=47;
second2=eighteenth;
first2=5
}
third2 = -twentieth/first2;
fourth2 = twentieth;
fifth2 = 0;
function sixth2()
{
for(fifteenth3 = 0; fifteenth3 < second2; fifteenth3++)
{
sixteenth3[fifteenth3]+=third2;
seventeenth3[fifteenth3]+=eighteenth3[fifteenth3];
nineteenth3 = Math.round(Math.random()*1);
if(sixteenth3[fifteenth3] < 0)
{
sixteenth3[fifteenth3] = twentieth3+9;
}
if(seventeenth3[fifteenth3] > first4)
{
seventeenth3[fifteenth3] = 9;
}
second4[fifteenth3].left = sixteenth3[fifteenth3];
second4[fifteenth3].top = seventeenth3[fifteenth3]+document.body.scrollTop;
}
setTimeout(‘sixth2()’,’2′)
}
second4 = new Array();
sixteenth3 = new Array();
seventeenth3 = new Array();
eighteenth3 = new Array();
twelfth4 = “document.getElementById(\'”;
third4 = “\’).style”;
for(fourth4 = 0; fourth4 < second2; fourth4++)
{
document.write(‘<div id=”second4’+fourth4+'” class=second4>’+nineteenth+'</div>’);
second4[fourth4] = eval(twelfth4+’second4’+fourth4+third4);
twentieth3 = document.body.clientWidth-32;
first4 = document.body.clientHeight-36;
sixteenth3[fourth4] = Math.random()*twentieth3;
seventeenth3[fourth4] = -100-Math.random()*first4;
second4[fourth4].left = sixteenth3[fourth4];
second4[fourth4].top = seventeenth3[fourth4];
eighteenth3[fourth4] = (Math.random()*5)+twentieth/6;
second4[fourth4].fontSize = (Math.random()*10)+17;
if(fifteenth)
{
fifth4 = ‘white’
}
else
{
fifth4 = ‘#000099’
}
second4[fourth4].color = fifth4;
}
window.onload=sixth2;
</script>

<title></title>

</head>

<body>

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