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

1. Apa itu jQuery
2. Apa itu jQuery Selector
3. Efek jQuery bagian 1
4. Efek jQuery bagian 2

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 ...