Sabtu, 24 Agustus 2013

Anwari

J Query : Hide Show


J Query : Sembunyi & Muncul

J Query??? Pada tahu belum, apa itu J Query, nah J Query adalah kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah kita untuk membuat kode Javascript atau dalam kesimpulannya jQuery menyederhanakan kode Javascript.

Okray, sekarang saya akan bahas tentang menyembunyikan/memunculkan text/gambar/item dengan sekali klik, okeh daripada anda penasaran langsung ajah praktek, dengan mengetikkan atau mengcopas syntax dibawah ini, dan untuk script js nya download disini

<!DOCTYPE html>
<html>
<head>
<title>Muhammad Anwari</title>
<script src="anwari.js"> //anwari.js : script js yang harus didownload
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>

<body bgcolor="#999900">
<body>
<button id="hide">Sembunyikan</button>
<button id="show">Munculkan</button>
<br>
<p>Jika anda klik 'Sembunyikan' maka saya akan menghilang, dan untuk memunculkan kembali klik 'Munculkan'
<img src="1.jpg" width="100" height="100"></p>
</body>
</body>
</html>

Simpan dengan nama hideshow.html atau terserah anda yang penting berekstensi .html

0 Komentar:

Posting Komentar