Oleh: awaludinfajari | November 2, 2011

Tutorial basic Jquery


<html>
 <head>
 <title>Contoh Tutorial jQuery</title>
<script src="jquery.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){

 $('#tombol').click(function() {
 $('#divKolom').fadeIn('slow');
});

});
</script>
<style>
#tombol{
 height:20px;
 width:44px;
 border:1px solid red;
 padding:5px;
 background:#0C3;
 font-size:11pt;
}
#divKolom{
 display:none;
 color:blue;
}
</style>
 </head>
 <body>
 <div>
 <div id="tombol">SHOW</div>
 <div id="divKolom">Hello World</div><
 /div>
 </body>
</html>

jangan lupa jquery.js diletakan dalam folder yang sama

sumber:http://anakberbakti.blogspot.com/

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

Kategori

%d blogger menyukai ini: