Membuat Type Title dengan Javascript


Pasti postingan tentang javascript udah banyak di blog dan forum-forum lain, saya mah bukan plagiat kodingan orang, saya mah cuma dapet ilmu dari sana sini, saya kombinasikan oleh kekreatifan (ciyeh, kreatip, :D) dan jadilah sebuah ilmu yang akan saya sharing di blog ini, that’s me. Walaupun cuma satu yang penting tetep posting lah.

Langsung aja lah, type title adalah dari kedengeran nya aja pasti anda semua udah tau artinye (yg kagak tau, cari aje di kamus, :P). Iya, judul web kita yang ada di browser, sedikit di animasikan berbentuk seperti mengetik pake sedikit bantuan dari javascript, langsung aje kita ngoding yuk. Siapin persiapan nya dulu, make notepad aja lah yang gampangan, ga usah sok make Adobe Dreamweaver CS5, yg penting kan hasilnya,😀.

<html>
<head>
<script language="javascript">
var message="Manguri"
var message=message+"          "
i="0"
var temptitle=""
var speed="150"

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}

window.onload=titler
</script>
<!-- END OF SCRIPT -->
</head>
<body>
<h1>Manguri</h1>
</body>
</html>

Buat Outputnya, bisa di coba sendiri ya, karena ini animasi, ga bisa di printscreen, hehe,😀

Segitu aja, buat penjelasan nya, saya sendiri juga bingung, (Loh)

Demo

 

, , , , , ,

  1. Tinggalkan komentar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: