Tutorial Programming

Membuat Animasi browser dengan javascript

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")+"\">&nbsp;</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>

No comments:

Post a Comment

Tutorial Programming Designed by Templateism | Ary EJFA Copyright © 2015

Theme images by richcano. Powered by Blogger.