Home , → Cara Membuat Text Seperti DiKetik

Cara Membuat Text Seperti DiKetik

Minggu, 21 Oktober 2012
Ada request dari pengunjung cara membuat text seperti diketik. Jadi inget postingan dulu tentang Sejarah HTML sekarang kita belajar dasar HTML. Sekarang kita belajar membuat text seperti diketik.

Buka notepad atau jika sudah mempunyai aplikasi pembuat web sendiri.
Contoh :


<br><div style="text-align: center;"><script language="JavaScript">
var text="(-=*The_Cyber_Chrome*=-)";
var delay=30;
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 id="textDestination" style="background-color: #FFFFFF; style=" font: 50px arial; color: #4bff14; margin: 0px;"></div></b>

<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>
Ubah yang berwarna Merah dengan tulisanmu, warna BIRU untuk delay atau waktu mengetiknya, dan warna KUNING adalah kode warna background dan warna HIJAU untuk warna dari tulisannya.
Semoga berguna :D
Mohon Kritik dan Saran Anda Pada Blog Ini
Tag »