J Query : Meluncur Keatas & Kebawah
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.
Nah untuk saat ini saya akan membahas cara meluncurkan item keatas dan kebawah pada
web, langsung aja praktek, dengan
mengetikkan/mengcopas syntax dibawah ini!! Dan untuk scriptnya anda bisa 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(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<div id="flip">Klik untuk menampilkan dan
meyembunyikan</div>
<div id="panel">Hallo bray,,bagus kan</div>
</body>
</html>
Simpan dengan nama meluncur.html
atau terserah anda yang penting berekstensi .html
0 Komentar:
Posting Komentar