Color Fade in On Page

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

Heading

Color Box Fade in on Page

Description

JavaScript “Color fade in” ;[Fade in]

Preview

N/A

Code

<html>

<head>

<style>

.fifteenth{
position:absolute; left:0; top:0;
layer-background-color:#A996CD; background-color:#A996CD;
border:0.2px solid #A996CD; z-index:76; }

</style>

<title></title>

</head>

<body>

<div id=”sixteenth”
class=”fifteenth”></div>

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

var
seventeenth=document.layers?1:0;

var
eighteenth=document.all?1:0;

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

var twentieth=16;

if (seventeenth)

{

var first2=window.innerWidth/window.innerHeight;

var second2=eval(“document.sixteenth.clip”);

second2.left=second2.top=0;

second2.right=window.innerWidth;

second2.bottom=window.innerHeight;

}

else if (eighteenth||nineteenth)

{

var first2=nineteenth?parseInt(window.innerWidth)/window.innerHeight:
document.body.clientWidth/document.body.clientHeight;

var
fifth2,sixth2,fifteenth3,sixteenth3;

var second2=nineteenth?document.getElementById(“sixteenth”).style:document.all.sixteenth.style;

fifteenth3=sixth2=0;

fifth2=second2.width=nineteenth?window.innerWidth*0.99:document.body.clientWidth;


sixteenth3=second2.height=nineteenth?window.innerHeight-2:document.body.clientHeight;

}

function seventeenth3()

{

window.scrollTo(0,0);

if (seventeenth)

{

if (second2.left>window.innerWidth/2)clearInterval(nineteenth3);


second2.left+=first2*twentieth;

second2.top+=twentieth;


second2.right-=first2*twentieth;


second2.bottom-=twentieth;

}

else if (eighteenth||nineteenth)

{

eighteenth3=nineteenth?parseInt(window.innerWidth/2):document.body.clientWidth/2;

if (sixth2>eighteenth3)

{


clearInterval(nineteenth3);


second2.display=”none”;

}

second2.clip=”rect(
“+fifteenth3+” “+fifth2+” “+sixteenth3+” “+sixth2+”)”;


sixth2+=first2*twentieth;

fifteenth3+=twentieth;


fifth2-=first2*twentieth;

sixteenth3-=twentieth;

}

}

nineteenth3=setInterval(“seventeenth3()”,114);

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