Flying Letters Tested in IE6.0, Netscape8.1, Opera8.54, Firefox1.5.0.1 and AOL Explorer1.2

Animate your site's header into view, one letter at a time, with this one-of-a-kind script!

W e have tested the code in IE6.0, Firefox1.5.0.1, Opera8.54, Netscape8.0.4 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and javascripts, this is an easy one part copy and paste code that goes the <BODY> section of your document wherever you want it to appear. The reconfigurations are minimal (Set your message, font, distance letters travel, and speed) and thats it.

Reconfigurations

<h2 id="fly">Your Message$Goes Here</h2>

<script type="text/javascript">

//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit Dynamic Drive: http://www.dynamicdrive.com

//Configure message to display. Use "$" for linebreak
//By default, set to just grab the text from element with ID="fly"
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds

Just experinment with all the above color-coded areas you can reconfigure until it fits your site.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]

Welcome To$Consigliere's Web Design$Flying Letters JavaScript!