JUNILSTYLE NEW-FORUM COMMUNITIY
You'll need to login in order to fully use all
the featured and view all the sectionsof this site.

Please register if you're not yet a member.

JUNILSTYLE NEW-FORUM COMMUNITIY
You'll need to login in order to fully use all
the featured and view all the sectionsof this site.

Please register if you're not yet a member.

JUNILSTYLE NEW-FORUM COMMUNITIY
Would you like to react to this message? Create an account in a few clicks or log in to continue.
JUNILSTYLE NEW-FORUM COMMUNITIY


 
HomeHome  GalleryGallery  Latest imagesLatest images  RegisterRegister  Log inLog in  PortalPortal  
Search
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Three Six Mafia Neighborhood Hoe Instrumental
Flying Letters Icon_minitimeWed Feb 19, 2014 6:41 am by gilaifeele

» Glass House The Good Mother
Flying Letters Icon_minitimeSun Feb 16, 2014 12:51 am by gilaifeele

» Hanna In A Choppa 2 Revenge Of The Button
Flying Letters Icon_minitimeWed Jul 10, 2013 2:03 pm by Admin

» FFSNG TWEAKING
Flying Letters Icon_minitimeSun Apr 22, 2012 12:12 pm by Admin

» NEW TIPS (Rename Facebook Those already limit)
Flying Letters Icon_minitimeThu Sep 08, 2011 8:06 am by Admin

» Change nick name facebook
Flying Letters Icon_minitimeThu Sep 08, 2011 7:58 am by Admin

» Quote with emoji and Symbol's
Flying Letters Icon_minitimeSat Aug 27, 2011 12:28 pm by Admin

» Want Your status in your favorite friend with one click
Flying Letters Icon_minitimeSat Aug 27, 2011 12:19 pm by Admin

» FBML W/ DESIGN XD
Flying Letters Icon_minitimeSat Aug 20, 2011 8:13 am by linuj

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Forum
::Affiliates::
::RADIO STATION::

::LIKE US::


::Flag Counter::
free counters



Share | 
 

 Flying Letters

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin
Admin

Posts : 44
Points : 129
Reputation : 0
Join date : 2011-05-16
Age : 33
Location : Philppines

Flying Letters Empty
PostSubject: Flying Letters   Flying Letters Icon_minitimeMon Aug 08, 2011 2:17 pm

Description: Animate your site's header into view, one letter at a time, with this one-of-a-kind script! Tested in Firefox 1.0.7, Opera 8.51, Konqueror 3.5.0-1.2 and IE 6.


Demo: Thanks for visiting
Dynamic Drive!




Directions
Simply add the below code to the <BODY> of your page:

Code:
<h2 id="fly">Thanks for visiting$Dynamic Drive!</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

var txt="",
   num=0,
   num4=0,
   flyofle="",
   flyofwi="",
   flyofto="",
   fly=document.getElementById("fly");


function stfly() {
   for(i=0;i != message.length;i++) {
      if(message.charAt(i) != "$")
         txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
      else
         txt += "<br>";
   }
   fly.innerHTML = txt;
   txt = "";
   flyofle = fly.offsetLeft;
   flyofwi = fly.offsetWidth;
   flyofto = fly.offsetTop;
   fly2b();
}

function fly2b() {
   if(num4 != message.length) {
      if(message.charAt(num4) != "$") {
         var then = document.getElementById("n" + num4);
         then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
         then.style.top = flyofto - then.offsetTop + distance;
         fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
      }
      num4++;
      setTimeout("fly2b()", speed);
   }
}

function fly3(target,lef2,num2,top2,num3) {
   if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
      if(lef2 >= 0)
         lef2 -= num2;
      else
         lef2 += num2 * -1;
      if(Math.floor(lef2) != -1) {
         document.getElementById(target).style.visibility = "visible";
         document.getElementById(target).style.left = Math.floor(lef2);
      } else {
         document.getElementById(target).style.visibility = "visible";
         document.getElementById(target).style.left = Math.floor(lef2 + 1);
      }
      if(lef2 >= 0)
         top2 -= num3
      else
         top2 += num3 * -1;
      if(Math.floor(top2) != -1)
         document.getElementById(target).style.top = Math.floor(top2);
      else
         document.getElementById(target).style.top = Math.floor(top2 + 1);
      setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
   }
}

stfly()

</script>

Back to top Go down
https://junilstyle.forumotion.com
 

Flying Letters

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
JUNILSTYLE NEW-FORUM COMMUNITIY :: Discussion Lounge :: Tutorial's :: JavaScript Codes-
Free forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com
POWERED BY : JUNILSTYLE