Bikin Hujan Salju dengan Javascript

Pengin halaman web kita seperti ada efek hujannya?
tambahkan aja Javascript beriku ini…🙂

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head>
<style>
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language=”javascript”>
snow = false;
snowsym = ” * ”
rainsym = ” ‘ ”
howmany = 50    

/**************jangan lakukan perubahan di sini***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex;  yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout(‘moverain()’,’1′)}

</script>

<body>
<script language=”javascript”>

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = “document.all[‘”; st = “‘].style”
for(make = 0; make < drops; make++){
document.write(‘<div id=”drop’+make+'” class=drop>’+sym+'</div>’);
drop[make] = eval(ly+’drop’+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = ‘white’}else{col = ‘blue’}
drop[make].color = col;
}
window.onload=moverain
}
</script>
</body>
</html>
Selamat mencoba….

~ oleh gandhiprima pada 28 Februari, 2008.

11 Tanggapan to “Bikin Hujan Salju dengan Javascript”

  1. bang. apa ada aplikasi untuk buat game java???

    Admin Says : ada, anda bisa membuat game dengan java menggunakan J2ME… Terima Kasih

  2. thank’

  3. dah ku coba di fronpage, copy paste sih, gak jalan, cuma background aja, gak ada saljunya

  4. wah keren, mas….😀
    perlu dicoba ini…🙂

    Oiya, mas Mohon tukaran link lagi

    terima kasih….

  5. kang saya minta serba-serbi alias tip untuk mempercantik blog dong misalnya kayak panel2 yang ada dikanan blog akang, kaya top posts, tag, blogroll, kategori, tanggal, halaman atau deteksi ip dan kunjungan dr negara2. thx piss kirim ke hikmahdiarapat@plasa.com

  6. bro kok ga bisa?

  7. Not Work Man!

  8. bisa diwordpress gratisan jg gak broo… kasih tau cra nya yah bro….thanks……….

  9. keren brow artikelnya. . .

  10. Numpang tenar kang http://wahidin.info oc kang

  11. bisa minta listing yg dlm notepad gk?

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: