• Değerli kullanıcılarımız, eğer forumda açılmasını istediğiniz kategoriler varsa lütfen Görüş ve Önerileriniz kısmına bunu konu açarak belirtin.

JQuery Slide Metotları - JQuery Dersleri

EmirhanBvk

Hile Bizim İşimiz :)
ONAYLI UYE
STANDART UYE
Katılım
15 Ara 2019
Mesajlar
11
Beğeniler
1
Puanları
3
JQuery Slide ile Effect

Bu konu içerisinde bir önceki konulara benzer olarak slide ile effect nasıl yapılır onu anlatacağım.

Bir önceki konuları öğrenirken, uygulamalı bir şekilde öğrenirseniz bu konuyu uygularken veya öğrenirkende önceden yakın pratiğiniz olduğu için zorluk yaşamayacaksınızdır.

JQuery ile objelerin aşağıya doğru büyüyerek açık hale gelmesini veya üste doğru kapanacak şekilde saklanmasını sağlayabilirsiniz.

Slide metodunun 3 ayrı varyasyonu olmakla birlikte, kullanış biçimi hem birbirleri ile hem de diğer konular içerisinde işlemiş olduğunuz metotlarla aynıdır:
Parametreler isteklere bağlı şekilde çalışmaktadır. Effectlerin hızını belirleyebilmek için show, fast ya da milisaniye tipinden zaman girilebilir. Callback özellikleri ise önceki konumda var, oradan inceleyebilirsiniz.

Slide metotlarını inceleyecek olursak aşağıda bu konu hakkında bilgi vermekteyim.

slideDown() Metodu

Saklanmış durumda olan bir onjenin aşağıya doğru büyüyerek açılmasına sağlamaktadır.

Aşağıda bulunan örnek içerisinde slideDown metodu 3 ayrı biçimde kullanılmaktadır.
Kod:
$("#button1").click(function(){

    $("#kutu1").slideDown();

    $("#kutu2").slideDown("slow");

    $("#kutu3").slideDown(3000);

});
slideUp() Metodu
Objelerin üste doğru kapanacak şekilde saklanmasını sağlar.

Aşağıda vermiş olduğum örnek de tam olarak bunu anlatıyor.
Kod:
$("#button1").click(function(){

  $("#kutu1").slideUp();

  $("#kutu2").slideUp("slow");

  $("#kutu3").slideUp(3000);

});
slideToggle() Metodu
Bağlanmış olduğu obje görünüyor biçimde ise saklanmasını, saklı ise gözükmesini sağlar.

Aşağıda vermiş olduğum örnek de tam olarak bunu anlatıyor.

Kod:
$("#button1").click(function(){

    $("#kutu1").slideToggle();

    $("#kutu2").slideToggle("slow");

    $("#kutu3").slideToggle(3000);

});
Alıntıdır!
 

Şu an konuyu görüntüleyenler (Üye: 0, Misafir: 1)

Üst