• 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 ile Animate Metodu - JQuery Dersleri

EmirhanBvk

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

JQuery Animate metodu ile html etiketleri içerisine uygulanmakta olan Css özellikleri değiştirilmekte olup aynı zamanda bu yol izlenerek animasyonlar üretilebilir.

Animate metodunun kullanış tarzı aşağıda vermiş olduğum örnekteki gibidir.

Kod:
$(selector).animate({parametreler},Hız,callback);
Parametreler bölümüne değiştirilecek olan Css özellikleri ve değerleri girilir.

Hız ve callback parametreleri isteklere bağlı olmakta birlikte kullanılmayabilir.

Hız için girilen değer milisaniye tipinden bir değer ya da slow, fast olabilir.

Callback metodu kullanım şekline ise daha önceki konularımda değinmiştim.

JQuery Animasyonu Kullanımı Hakında Önemli Noktalar:

JQuery animate metodu ile objelerin neredeyse bütün Css özellikleri değiştirilebilir bir biçimdedir. Fakat renk değişiklikleri animate metodu ile randıman vermeyebilir. Animasyon gerçekleştirme esnasında renk değişimine uğraşamasını da istiyorsanız linkinden “Color Animations Plugin” eklentisini indirip kurmanız gerekmektedir.
Ayriyeten animate metodu içerisinde css özelliklerini yazarken “-“ karakteri kullanmamalısınız. Örnek vermek gerekirse margin-left değeri girmek yerine marginLeft olarak değeri girmeniz gerekir.
Objelerin hareket halinde olabilmesi için position değerleri başlangıç kısmında absolute, fixed ya da relative olarak girilmelidir.
Ayriyeten değiştirilmesi gereken özelliklerin başlangıçtaki değeri değiştirilmek istenirse, css ile baştaki değerleri belirtilebilir.
 

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

Üst