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

Cara Instal Windows 7 lengkap dengan Gambarnya

Assalammualaikum wr.wb Pada kesempatan kali ini kita akan belajar tentang bagaimana cara install ulang windows7. Tapi sebelum itu, Apa sih itu Install Ulang?. Nah, jadi Install ulang windows itu merupakan sebuah usaha untuk memasukan kembali file-file windows kedalam sebuah part/drive tertentu pada sebuah hardisk, sehingga komputer bisa berjalan normal. Instal ulang bisa di lakukan jika laptop/komputer kita mengalami gannguan seperti komputer lelet, dll. Okee tanpa berlama-lama lagi, kita langsung saja ke tutorialnuya Proses Installasi Persiapan alat dan bahan PC/Laptop Flasdisk berisi program windows 7 Proses Installasi Masukan bios dengan menekan tombol F2 atau yang lainnya disetiap komputer/laptop berbeda-beda silahkan coba-coba saja. Setelah itu lalu setting bios untuk booting lewat CD ROOM pada boot device priority Masukan CD/DVD windows 7 dan tunggu sampai muncul press any key to boot from cd or dvd kemudian tekan enter Kemudian akan muncul tampilan starting windows Tunggu ...

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() { ...

Program Menghitung Luas Persegi Panjang Menggunakan Bahasa C

Assallammualaikum wr.wr Pada kesempatan kali ini kita akan membuat suatu program menggunakan bahasa C. Program yang akan kita buat kali ini yaitu tentang program menghitung luas persegi panjang. Tapi sebelum melanjutkan tutorialnya, pastikan terlebih dahulu kalian membacaartikel saya yang berjudul Belajar Bahasa C agar bisa dengan mudah dalah memahami pemprogaman bahasa C. Okee, langsung saja tanpa panjang lebar kita mulai saja tutorialnya. Kode Program Kode program bahasa C untuk menhitung luas persegi panjang adalah sebagai berikut #include <stdio.h> int main () { int panjang, lebar, luas; printf ( "Masukkan panjang : " ) ; scanf ( "%d" , &panjang ) ; printf ( "Masukkan lebar : " ) ; scanf ( "%d" , &lebar ) ; luas = panjang * lebar; printf ( "Luas persegi panjang adalah %d\n" , luas ) ; return 0 ; } Simpan source code dengan nama persegipanjang.c, tetapi sesuaikan aja dengan nama file yang dingi...

Download Driver Printer Canon Pixma Ip2770

Silahkan Download file driver printer Canon Pixma Ip 2770 melalui link di bawah ini, semoga bisa bermanfaat buat kita semua. Jika ada yang mau ditanyakan atau ada kesusahan dalam proses install Visual Studionya. bisa langsung comment di bawah iyoo atau juga bisa melalui Contak Person . Link Download driver printer Canon Pixma Ip 2770 iP2700 series Printer Driver Ver. 2.56c (Windows) (id.canon) Sekian Dan Terimakasih ....

anaKampus

Search This Blog