1.27.2013
Halo sobat,
Lagi belajar program JQuery,sembari belajar sekalian di share aja ya sobat,...(Maaf klo masih salah-salah :)
Kali ini saya ingin share mengenai JQuery? Opo to kuwi mas Yudhi?.. # Waduh di Panggil Mas,mang nama gw Thomas # Hahahaha...
JQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML,menangani event,animasi,efek dan memproses interaksi ajax.JQuery di rancang sedemikian rupa supaya membuat program javascript menjadi relatif sangat mudah,sesuai dengan Slogan nya "write less,do more",Menulis kode lebih sedikit,tetapi melakukan pekerjaan lebih banyak.(kaya iklan Rokok ya...Hahahaha),Namun dalam hal ini saya akan posting beberapa contoh latihan menggunakan bahasa CSS dan JQuery.Untuk lebih detailnya bisa di tanya ya,..sama mbah Google.
JQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML,menangani event,animasi,efek dan memproses interaksi ajax.JQuery di rancang sedemikian rupa supaya membuat program javascript menjadi relatif sangat mudah,sesuai dengan Slogan nya "write less,do more",Menulis kode lebih sedikit,tetapi melakukan pekerjaan lebih banyak.(kaya iklan Rokok ya...Hahahaha),Namun dalam hal ini saya akan posting beberapa contoh latihan menggunakan bahasa CSS dan JQuery.Untuk lebih detailnya bisa di tanya ya,..sama mbah Google.
- Contoh Program sederhana (Tampil dan Sembunyi)
- 1.Copy script di bawah ini di Text Editor (Notepad++,Php coder,Dreamveawer..lan lio lia ne'..)
<html>
<head>
<title> </title>
<script type="text/javascript" src="jquery-1.7.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".sembunyi").click(function(){
$("#foto").hide("slow");
})
$(".tampil").click(function(){
$("#foto").show("slow");
});
});
</script>
</head>
<body>
<button class="sembunyi">Sembunyi</button>
<button class="tampil">Tampil</button>
<p><img id="foto" src="Css.jpg"></p>
</body>
</html>
- 2.Siap kan sebuah Gambar (Terserah opo wae yo jeneng'e..format'e JPG,PNG,GIF,pokok'e Sakarepmu dewe)
- 3.Ganti tulisan yang berwarna merah,dengan Gambar yang telah di siapkan tadi
- 4.Save ke format HTML
- 5.Bim..sala..bim jadi apa prok..prok..prok ( Liat preview di bawah )
- 6. Klik "Sembunyi" dan "Tampil".
