Cut & Paste Fly-in Header Script

Home / Free JavaScripts / Text Effects / Here

Cut & Paste Fly-in Header Script

Credit: JavaScript Kit

Description: 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.

Example: (press reload to see again)

Welcome to our Homepage!

Directions: Add the below code where you wish the header to appear on the page. 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).

<script> //set style for NS4 to '' if (document.layers) var ns4def='' </script> <h2 id="flyin" style="position:relative;left:-800px;font-style:italic" style=&{ns4def};>Welcome to our Homepage!</h2> <script language="JavaScript1.2"> /* Fly-in Header script (credit must stay enclosed) By javascriptkit.com For this and over 400+ JavaScripts, Visit http://www.javascriptkit.com */ 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+"px" else{ crossheader.left=0 crossheader.fontStyle="normal" clearInterval(start) } } if (document.getElementById||document.all) start=setInterval("animatein()",50) </script> <p align="center">This free script provided by<br /> <a href="http://javascriptkit.com">JavaScript Kit</a></p>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info

CopyRight (c) 2018 JavaScript Kit. NO PART may be reproduced without author's permission. Contact Info