Cara Membuat Tulisan Teks Seperti Sedang DiKetik


Hallo para sahabat blogger, masih ingin belajar ilmu javascript? Yuk mari kita belajar sama-sama di forum blog ini.

Jika kita mau mencari tau fungsi dari javascript, itu sangat luas dan untuk mendapatkan semuanya tak terjangkau oleh blogger pemula seperti kita. Namun sedikit-demi sedikit akan kita dapatkan juga beberapa kode yang telah dibuat oleh para perancang profesional.

Kode ini saya dapatkan dari blog temen yang menyajikan informasi serupa di http://maubelajar-html.blogspot.com/2013/03/cara-membuat-text-seperti-diketik.html dan telah sedikit saya modifikasi.

Sebelum saya panjang lebar menjelaskan tutorialnya, silahkan Anda lihat demonya berikut ini

Bagaimana, apakah Anda tertarik memasangnya pada Blog Anda? Silahkan comot kode-kodenya dibawah ini
<div class="KS_KetikTeks">

<script language="JavaScript">
var text="(-=DEMO BROOOOOOO=-)<br/>(-=INI JUGA DEMOOOOOO=-)";
var delay=30;
var currentChar=1;
var destination="[none]";
function type()
{
{
var dest=document.getElementById(destination);
if (dest)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function KS_Mulai(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script>

<div id="KS_KetikTeks"></div>

<script type="text/javascript">
javascript:KS_Mulai(text, 50, "KS_KetikTeks");
</script>
</div>

<style type="text/css">
.KS_KetikTeks, #KS_KetikTeks{text-align:center;background-color:#0CACF2;font:50px arial;color:#4bff14;margin:0px;}
</style>
Silahkan edit sesuai selera masing-masing.
Editing
Untuk angka 5000 berwarna biru diatas adalah mengatur kecepatan perulangan teks. 5000 berarti 5 detik.
Sedangkan untuk yang angka 50 digunakan untuk mengatur kecepatan efek mengetik. Semakin besar angka tersebut, maka semakin lambat.
Guitar Chords

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online