FADE IN EFFECT 4 - "VANISHING CASE"

The new page is being revealed from outside in (for Internet Explorer; counterproductive with Mozilla Firefox). Please see another example for this effect (on our homepage):

Please copy the following code by pushing the below button and paste the copied code into the very beginning of the source code of your own homepage. You can set the colours for this effect within the code itself: change the HEX-Code (here: 008B00) accordingly. Have a try!

<style type="text/css"> 
<!--
.intro{
position:absolute;left:0;top:0;
layer-background-color:008B00;
background-color:008B00;
border:0.1px 008B00;}
--></style></p>
<div class="intro" id="i1"> </div>
<script language="JavaScript1.2">
//change speed here
var speed=12
if (document.layers){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (document.all){
var reference=document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=document.body.clientWidth
bottomclip=temp.height=document.body.clientHeight
}
function doit(){
window.scrollTo(0,0)
if (document.layers){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (document.all){
if (leftclip>document.body.clientWidth/2)
clearInterval(stopit)
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)

</script>

And now: enjoy tinkering!

FADE IN EFFECT 4 - "VANISHING CASE"

This page was last updated on: 22.05.2011