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>
0 Komentar:
Posting Komentar