Efek jQuery bagian 2

Setelah kemarin kita membahas mengenai efek jQuery bagian 1, pada kesempatan kali ini kita melanjutkan ke efek jQuery bagian 2. Sebelum melanjutkan ke pokok pembahasan, bagi yang belum mengikuti mengenai pembelajaran mengenai jQuery bisa kalian buka melalui tautan di bawah ini iya teman teman.

Pembahasan menngenai jQuery

Oke tanpa berlama-lama lagi mari kita langsung saja ke topik pembahasan pada artikel ini yaitu Efek jQuery bagian 2. Ayoo kita belajar bersama sama, apa bila ada kesalahan bisa saling mengingatkan satu sama lainnya.

jQuery animated() Effect

jQuery animated() effect ini berfungsi untuk mengubah suatu elemen dari satu keadaan ke keadaan yang lainnya. Keadaan yang diubah ini berdasarkan css. Nilai dari properti css yang berubah secara berangsur-angsur, hal ini untuk menciptakan sebuah efek animasi. Nilai properti css yang bisa diubah adalah nilai bertipe angka, baik satuannya pixel atau persen, untuk yang bertipe string tidak bisa di animasikan.

Sintak dari jQuery animated ini

$(selector).animate(styles,speed,easing,callback)

Keterangan

styles : Bersifat wajib, digunakan untuk menentukan properti css yang akan dianimasikan. Dibawah ini merupakan properti dari css yang dapat dianimasikan.

backgroundPossition
borderWidth
borderBottomWidth
borderLeftWidth
borderRightWidth
borderTopWidth
borderSpacing
margin
marginBottom
marginLeft
marginRight
marginTop
outlineWidth
padding
paddingBottom
paddingLeft
paddingRight
paddingTop
height
width
maxHeight
maxWidth
minHeight
minWidth
font
fontSize
bottom
right
left
top
letterSpacing
wordSpacing
lineHeight
textInden

speed : Bersifat opsional, menentukan kecepaatan elemen muncul dari hidden ke visible. Dengan defaultnya adalah 0, nilainya bisa berupa :

millisecond (contoh : 1500)
slow
normal
fast

easing : Bersifat opsional, berfungsi untuk menentukan fungsi easing yang di set pada speed animasi. Built in dari fungsi easing :

swing
liniear

callback : Bersifat opsional, merupakan suatu fungsi yang akan dijalankan apabila efek slow telah selesai di jalankan.

$(selector).delay()

$(selector).delay() ini berguna untuk men-set delay untuk semua fungsi yang masih ngantri untuk elemen yang dipilih. Sintak dari $(selector).delay() adalah sebagai berikut

$(selector).delay()

$(selector).dequeue()

$(selector).dequeue() ini berguna untuk men-set delay untuk menjalankan fungsi berikutnya yang lagi ngantri untuk elemen yang di pilih. Sintak dari $(selector).dequeue() adalah sebagai berikut

$(selector).dequeue()

$(selector).queue()

$(selector).queue() ini berguna untuk menampilkan fungsi yang ngantri untuk elemen terpilih. Sintak dari $(selector).delay() adalah sebagai berikut

$(selector).queue()

jQuery cleanQueue() Effect

jQuery cleanQueue() Effect ini berguna untuk menghentikan semua fungsi yang lagi ngantri dan belum dijalankan. Sintak dari jquery cleanQueue() adalah sebagai berikut

$(selector).stop(queueName)

Nah, mungkin sampai di sini dulu mengenai pembahasan efectpada jQuery bagian pertama. nantikan artikel selamjutnya yang membahas mengenai efect-efect pada jQuery bagian 2. Bila ada yang mau di tanyakan, silahkan bisa comment di bawah ya. Sekian dari saya, TerimaKasih ...

Comments

Artikel Populer

Percabangan IF Else Pada Bahasa C dan Contohnya

Assallammualaikum wr.wb Pada kesempatan kali ini kita akan belajar lagi masih seputar bahasa C yaitu Percabangan IF Else. Apa sih itu Percabangan IF Else? IF Else merupakan suatu percabangan, bisa juga di sebut pemilihan dalam program, dimana program tersebut memiliki satu atau bahkan lebih dari satu kondisi yang didalamnya ada sebuah intruksi yang dilaksanakan jika kondisi tertentu dapat terpenuhi. Dibawah ini merupakan Struktur dari IF Else if (condition) { //Kode program yang akan dijalankan jika condition berisi nilai True (1) } else { //Kode program yang akan dijalankan jika condition berisi nilai False (0) } Bagian condition berperan sebagai penentu dari struktur percabangan ini. Jika condition terpenuhi (menghasilkan nilai TRUE atau 1), blok kode program milik IF akan dijalankan. Jika condition tidak terpenuhi (menghasilkan nilai FALSE atau 0), blok kode program bagian ELSE-lah yang akan diproses. Contoh Praktek IF Else - Menentukan Umur Program C #include...

Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Membuat Tabel Pada HTML Tabel merupakan struktur yang digunakan untuk nmenampilkan informasi dalam bentuk baris dan kolom. Pada html, untuk pembuatan tabel menggunakan tag <table> dan menggunakan tag <tr> untuk membuat baris dan <td> untuk membuat kolom. Untuk lebih mudah dalam memahami pembuatan table pada html, berikut ini akan saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML. Tag <table> merupakan tag pembuka dalam pembuatan sebuah table pada html, tanpa tag <table> ini, penggunaan <tr> dan <td> tidak bisa digunakan dengan baik. < tr> atau dikenal dengan table row merupakan tag yang digunakan untuk membuat baris dalam table html. <td> atau dikenak dengan tabel data merupakan tag yang digunakan untuk membuat kolom dalam baris dan tag < th> untuk membuat tablehead atau bagian kepala pada table. Dibawah ini adalah contoh pembuatan table pada HTML berikut : <! DOCTYPE ht...

Program Menghitung Pendapatan Karyawan Perusahaan Cat

Assallammualaikum wr.wb Pada kesempatan kali ini kita akan membuat sebuah program lagi menngunakan bahasa c yaitu tentang menghitung pendapatan karyawan suatu perusahaan Cat. C ontoh persoalannya seperti dibawah ini. Suatu perusahaan cat memberikan komisi kepada para karyawannya dengan ketentuan sebagai berikut : Bila karyawannya bisa menjual cat hingga Rp. 200.000,akan diberikan uang jasa sebesar Rp. 20.000,- ditambah dengan uang komisi 10% dari pendapatan yang diperoleh hari itu. Bila karyawannya bisa menjual cat diatas Rp. 200.000,-akan diberikan uang jasa sebesar Rp. 50.000,- ditambah dengan uang komisi 15% dari pendapatan yang diperoleh hari itu. Bila karyawannya bisa menjual cat diatas Rp. 400.000,-akan diberikan uang jasa sebesar Rp. 75.000,- ditambah dengan uang komisi 15% dari pendapatan yang diperoleh hari itu. Buatl ah program if-else untuk menghitung pendapatan karyawan perusahaan tersebut? Program bahasa C #include <stdio.h> int main() { ...

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Membuat Paragraf Pada HTML Untuk memahami pembuatan paragraf pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. tag paragraf ini terdapat 3 atribut/tag yang bisa dikombinasikan langsung dengan tag paragraf atribut tag tersebut yaitu : 1. Membuat paragraf rata kiri menggunakan <p align="left"> .................. </p> 2. Membuat paragraf rata kanan menggunakan <p align="right"> .................. </p> 3. Membuat paragraf rata tengan menggunakan <p align="center"> .................. </p> 4. Membuat paragraf rata kiri kana menggunakan <p align="justify"> .................. </p> Paragraf menggunakan <p>. Berikut ini adalah implementasi dari <p> dalam dokumen html : <! DOCTYPE html > < html > < head > < title >belajar membuat parag...

anaKampus

Search This Blog