Latest web development tutorials

Efek jQuery - geser

jQuery metode elemen slide dapat geser atas dan ke bawah.

Klik di sini untuk menyembunyikan / panel display

Waktu adalah uang, jadi kami memberikan yang cepat dan mudah untuk memahami belajar konten untuk Anda.

Di sini, Anda dapat memahami dengan cara modus nyaman untuk mendapatkan pengetahuan yang Anda butuhkan.

contoh

jQuery slideDown ()
Metode demo jQuery slideDown ().

jQuery slideUp ()
Metode demo jQuery slideUp ().

jQuery slideToggle ()
Metode demo jQuery slideToggle ().

metode geser jQuery

Dengan jQuery, Anda dapat membuat efek slide pada elemen.

jQuery memiliki metode geser berikut:

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

jQuery slideDown () metode

Metode jQuery slideDown () digunakan untuk meluncur ke bawah elemen.

sintaks:

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

Opsional kecepatan parameter menentukan durasi efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama dari fungsi dieksekusi setelah selesainya slide.

Contoh berikut menunjukkan () metode slideDown:

contoh

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

Coba »

jQuery slideUp () metode

Metode jQuery slideUp () digunakan untuk geser elemen.

sintaks:

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

Opsional kecepatan parameter menentukan durasi efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama dari fungsi dieksekusi setelah selesainya slide.

Contoh berikut menunjukkan () metode slideUp:

contoh

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

Coba »

jQuery slideToggle () metode

jQuery slideToggle () metode dapat beralih antara slideDown () dan slideUp () metode.

Jika elemen geser ke bawah, yang slideToggle () dapat geser mereka.

Jika Anda geser elemen, slideToggle () dapat meluncur mereka turun.

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

Opsional kecepatan parameter menentukan durasi efek. Ini dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.

Opsional callback parameter adalah nama dari fungsi dieksekusi setelah selesainya slide.

Contoh berikut menunjukkan () metode slideToggle:

contoh

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

Coba »