tutorial pengembangan web terbaru
 

jQuery Efek - Sliding

❮ Sebelumnya Berikutnya Bab ❯

Metode geser jQuery geser elemen atas dan ke bawah.

Klik untuk meluncur ke bawah / atas panel

Karena waktu adalah berharga, kami memberikan pembelajaran cepat dan mudah.

Pada w3ii, Anda dapat mempelajari semua yang Anda butuhkan untuk belajar, dalam format diakses dan berguna.

contoh

jQuery slideDown()
Menunjukkan jQuery slideDown() metode.

jQuery slideUp()
Menunjukkan jQuery slideUp() metode.

jQuery slideToggle()
Menunjukkan jQuery slideToggle() metode.

jQuery Sliding Metode

Dengan jQuery Anda dapat membuat efek sliding pada elemen.

jQuery memiliki metode geser berikut:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() Metode

JQuery slideDown() metode yang digunakan untuk meluncur ke bawah elemen.

Sintaksis:

$(selector).slideDown(speed,callback);

Opsional kecepatan parameter menentukan durasi efek. Hal ini dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.

Opsional callback parameter adalah fungsi yang akan dieksekusi setelah selesai geser.

Contoh berikut menunjukkan slideDown() metode:

Contoh

$("#flip").click(function(){
    $("#panel").slideDown();
});
Cobalah sendiri "

jQuery slideUp() Metode

JQuery slideUp() metode yang digunakan untuk slide ke atas elemen.

Sintaksis:

$(selector).slideUp(speed,callback);

Opsional kecepatan parameter menentukan durasi efek. Hal ini dapat mengambil nilai-nilai berikut: "slow", "fast" , atau milidetik.

Opsional callback parameter adalah fungsi yang akan dieksekusi setelah selesai geser.

Contoh berikut menunjukkan slideUp() metode:

Contoh

$("#flip").click(function(){
    $("#panel").slideUp();
});
Cobalah sendiri "

jQuery slideToggle() Metode

JQuery slideToggle() metode matikan antara slideDown() dan slideUp() metode.

Jika unsur-unsur telah meluncur turun, slideToggle() akan meluncur mereka.

Jika unsur-unsur telah meluncur, slideToggle() akan meluncur mereka turun.

$(selector).slideToggle(speed,callback);

Opsional kecepatan parameter dapat mengambil nilai-nilai berikut: "slow", "fast" , milidetik.

Opsional callback parameter adalah fungsi yang akan dieksekusi setelah selesai geser.

Contoh berikut menunjukkan slideToggle() metode:

Contoh

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Cobalah sendiri "

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»

jQuery Efek Referensi

Untuk gambaran lengkap dari semua efek jQuery, silahkan ke kami jQuery Efek Referensi .


❮ Sebelumnya Berikutnya Bab ❯