Fly-in Header - JavaScript

Fly-in Header Script

A script that flys in from the left edge of the browser a header text. Requires IE4+ or NS6, with all other browsers simply bypassing the animation. Add the below code where you wish the header to appear on the page.
(press reload to see again)

Welcome to our Homepage!

Example:

You may need to alter the value
"-400" contained inside the <h2> tag to readjust the initial offset of the header, depending on the width of the header (longer=larger offset).

Refresh and look left.

Follow the editing instructions after the // and within the  to customize the
script, then copy and paste it into your HTML editor.

<SCRIPT LANGUAGE="JavaScript">
<!--
//Visit http://rainbow.arch.scriptmania.com for this script
//set style for NS4 to ''

if (document.layers)
var ns4def=''
</script>

<h2 id="flyin" style="position:relative;left:-400;font-style:italic" style=&{ns4def};><font face="Arial">Welcome to our Homepage!</font></h2>

if (document.getElementById||document.all)
var crossheader=document.getElementById? document.getElementById("flyin").style : document.all.flyin.style

function animatein(){
if (parseInt(crossheader.left)<0)
crossheader.left=parseInt(crossheader.left)+20
else{
crossheader.left=0
crossheader.fontStyle="normal"
clearInterval(start)
}
}

if (document.getElementById||document.all)
start=setInterval("animatein()",50)

</script>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://rainbow.arch.scriptmania.com">Rainbow Arch</a></font></p>