Typewriter effect kat shoutout text

22 October 2008

TypewriterJavacript code typewriter effect shout out box kat friendster. trick kali ini pulak aku nak ajar macam mane nak buat typewriter effect kat shout out friendster. Sebelum buat ni pastikan anda dah baca entry yang bertajuk external linker.

Caranya anda hanya perlu tambah code yang ade kat bawah sekali ni kat dalam external javascript file anda. kalau tak tahu nak letak kat mana baca entry Friendster Trick : Gabung external linker untuk javascript dan CSS ni dulu.

senang je nak buat ni. cuma kalau yang susah nak buat linker je. kalau anda dah faham macam mane nak buat external linker senang je keja anda.

copy and paste code dalam box kat bawah ni.
/*
Name: Musafir Cyber
URI : http://musafircyber.blogspot.com
*/
setTimeout('startin()',4000);
function startin() {
   n=0;
   tex = document.getElementById('shoutouttxt');
   cache = tex.innerHTML;
   animate();
}
function animate() {
   tp = setInterval('typeIt()',150);
}
function typeIt() {
   if(n<=cache.length) {
      tex.innerHTML = cache.substring(0,n++);
   } else {
      clearInterval(tp);n=0;
      setTimeout('animate()',2000);
   }
}

6 comments

  1. mcm mane bro aku buat tak jadi pun

    ReplyDelete
  2. make sure external linker ko dah jadi dulu baru buat benda ni jadi.

    ReplyDelete
  3. aku dh wat external linker tu yg aku x paham tu nk create kt mne my_javascript.js dan my_style.css nih?

    ReplyDelete
  4. trick ni kalau tak buat my_javascript pun boleh jugak.. just file dlm linker.txt tu paste je coding kat atas ni.

    ReplyDelete
  5. tak jadi pun jugak

    ReplyDelete