membuat huruf berjalan seperti diketik - DANI WEBID

membuat huruf berjalan seperti diketik






           sekedar sharing bro & sis semua, dari banyaknya tutor yang membuat tulisan "bagaimana cara membuat tulisan berjalan diblog dengan efek seperti diketik", awalnya sempat bingung juga ya bagaimana cara membuatnya buat
saya yang masih beginner, dan seperti biasa cari sana kemari di om "google" akhirnya ketemu dan banyak sabahat blogger yang membahas, ok next bro & sis berikut langkah-langkahnya untuk membuat efek tersebut, semoga dapat bermanfaat.







<script language="JavaScript">
var text="Cara membuat huruf berjalan dengan efek seperti diketik :)";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

berikut penampakan hasilnya, o iya sob jangan lupa dalam penulisan di format HTML bukan di COMPOSE, ganti tulisan warna biru sesuai dengan keinginan sobat.



Komentar