Facebook
RSS
Tampilkan postingan dengan label JQuery. Tampilkan semua postingan
Tampilkan postingan dengan label JQuery. Tampilkan semua postingan

Belajar JQUERY Bagian 2, Simple Slide Panel

3 komentar
-
Anonim

Kali ini saya mendokumentasikan latihan saya belajar JQUERY dengan effect Toogle. Saya mencoba membuat Simple Slide Panel.
Jquery Toggle() Effect adalah gabungan dari fungsi Hide dan Show.
Sintaknya:  $(selector).toggle(speed, callback, switch)
Keterangan parameter:
-       Speed : menentukan kecepatan slide. Dapat diisi dengan miliseconds(misal:1500), “slow”, “normal”, “fast”.
-       Callback : Suatu fungsi yang akan dijalankan apabila efek show selesai dijalankan.
-       Switch : bernilai boolean. True-menampilkan elemen, False-menyembunyikan elemen. Jika parameter ini diset, parameter speed dan callback tidak dapat digunakan.
Saya mencoba menggunakan CSS juga untuk mengatur tiap elemen.
Berikut sintaknya:




























Dan berikut ini adalah sintak JQuery-nya









Dan aplikasi keduanya:








Referensi:
http://www.webdesignerwall.com

[ Read More ]

Continue

Belajar JQUERY bagian 1

8 komentar
-
Anonim

Memulai JQUERY


JQuery merupakan sebuah file dalam bentuk .js. Kita dapat men-download dari situs resminya,. Simpan Jquery.js tersebut pada directory yang kita tentukan. JQuery siap digunakan.

Sebagai langkah awal, kita ucapkan salam kepada JQuery, dengan membuat web (html) dengan menggunakan JQuery. Hello JQuery…. ;D

Penggunaan JQuery pada HTML harus diawali dengan penulisan kode
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
src="jquery-1.7.2.js – mengacu pada file JQuery yang kita simpan pada directory. Tentu saja jika kita menyimpan file html dan JQuery secara terpisah, kita juga harus mencantumkan nama folder/directory di sana.

Sekilas tentang Syntax JQuery:
Misal : $(this).hide()

·  $ : tanda untuk mendefiniskan jQuery
·  (this) : kode di dalamnya adalah selector yang menunjukkan elemen yang dipilih atau dituju.
·  action (): adalah action dari JQuery untuk diterapkan pada elemen. Contoh: .hide, .show, dll.

Berikut ini adalah script Aplikasi “Hello World”:
*klik pada gambar untuk memperjelas



Ketika aku mulai debug code ini, rasanya, Wuaw… Thanx to www.desrizal.com  ^^…
Ini merupakan langkah awal belajar Jquery yang mengesankan.
[ Read More ]

Continue