CSS Codes
CSS Layouts

<html>
<head>
<style>
<!--
.intro{
position:fixed;
left:0;
top:0;
layer-background-color:darkred;
background-color:darkred;
border:0.1px solid darkred;
z-index:8;
}
-->
</style>

</head>

<body>
<div id="i1" class="intro"></div>
<script language="JavaScript1.2">

/*
Boxing In Script-(c) Dynamic Drive (www.dynamicdrive.com)
For source code, installation instructions, 100's DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/


//change speed here
var speed=5

var reference=(window.innerWidth)?parseInt(window.innerWidth)/window.innerHeight: document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=document.getElementById("i1").style
topclip=leftclip=0
rightclip=temp.width=(window.innerWidth)?window.innerWidth:document.body.clientWidth
bottomclip=temp.height=(window.innerHeight)?window.innerHeight-2:document.body.clientHeight


function doit(){

halfofbrowser=(window.innerWidth)?parseInt(window.innerWidth/2):document.body.clientWidth/2
if (leftclip>halfofbrowser){
clearInterval(stopit)
temp.display="none"
}
temp.clip="rect( "+topclip+"px "+rightclip+"px "+bottomclip+"px "+leftclip+"px)"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
stopit=setInterval("doit()",100)

</script>

</body>
</html>