PERHATIAN: tidak berlaku dibrowser Safari, apabila anda menggunakan safari, silahkan pakai browser lain
Setelah tiga tutorial PHP yah, sekarang ane akan buat tutorial javascript yang menyenangkan, yaitu membuat animasi browser, konsepnya sama seperi film kartun, jadi ente harus menyiapkan terserah berapa gambar yang akan dianimasikan (pastinya ukurannya harus sama 
) dan namanya harus 1.png,2.png,3.png,4.png dst. dalam fodler bernama gambar
setelah gambarnya disiapkan buat file HTML sederhana yang mengarah ke file bernama launcher.html (sebenarnya terserah si, mau apa namanya, tapi dalam contoh ini ane akan makai nama launcher.html ) tapi nama linknya menyuruh membuka link tersebut di tab baru (gak ngerti? liat kodenya aja )
<html> <head> <!--isi sendiri bagian sini :P--> </head> <body> <a href="launcher.html">Klik kanan di link ini terus pilih open in new window</a> <!--sisanya isi sendiri juga :P--> </body> </html>
setelah itu di file launcher.html ketik skrip ini:
<html>
<head>
<!--lagi-lagi isi sendiri bagian sini :D-->
<script language="javascript">
function go(){
for(var t=2;t<19;t++){
var w = window.open();
w.opener = null;
w.document.location = "http://www.websiteagan.com/gambar.html?gambar=gambar/"+t+".png";
location.href="http://www.websiteagan.com/gambar.html?gambar=gambar/1.png"
}
}
</head>
<body >
Sekarang tekan mulai
<input type="button" onClick="go()" value="Mulai">
</p>
<p align="center" class="style2">Jangan jalankan di browser Safari</p>
</body>
</html>
untuk yang "http://www.websiteagan.com/gambar.html?gambar=gambar/"+t+".png"; sama "http://www.websiteagan.com/gambar.html?gambar=gambar/1.png" bisa disesuaikan sendiri
setelah itu buat file gambar.html dengan isi sbb:
<html lang="en">
<head>
<!--bagian ini isi sendiri lagi :P-->
<script language="javascript">
var $_GET = {};
vars_area = location.search.substring(1);
function getGetVar(searchStr)
{
start = location.search.indexOf(searchStr)+searchStr.length+1;
end = (location.search.indexOf('&', start) == -1)? location.search.length : location.search.indexOf('&', start);
return unescape(location.search.substring(start, end));
}
function go(){
document.write("<br><br><center><table width='100%\' height='479' border='0' cellpadding='0' cellspacing='0' ><tr><td background=\""+getGetVar("test")+"\"> </td> </tr></table><br><br><br><br><br><br>Tahan control dan tab untuk memulai animasi</center>");
}
</script>
</head>
<body marginwidth="0" marginheight="0" class="style1" scroll="no" spacing="0" onLoad="go()">
</body>
</html>
Setelah itu save dan selamat bersenang-senang
kalo penasaran gimana hasilnya bisa dicek isini: http://jsexperiments.appspot.com/files/FlipBook/index.html
sekian dan terima kasih
