jQuery Efektleri – animate()

Merhaba dostlar bu dersimizde sizlere jQuery animate() metodunu anlatmaya çalışacağım. Bu metod benim en çok sevdiğim metodlardan birtanesidir. Seçtiğimiz bir Html elementine dilediğimiz şekilde hareket ettirebiliriz.

Bu metodu kullanabilmek için biraz da olsa Css bilgisine sahip olmalıyız. Eğer bilginiz yok ise Css konularına bakmanızı tavsiye ederim.

Yazım şekli aşağıdaki gibidir.

$(selector).animate({params},speed,callback);

Yine aynı şekilde diğer metodlarımız gibi Sn , Slow veya Fast şeklinde parametreler girilebilir. Şimdi küçük bir örnek ile metodumuzu daha iyi kavrayalım.

jQuery animate()

Şimdi bir div elementimiz olsun animate() metodumuz ile 250px sağa kaydıralım.

Yukarıdaki örneğimizde anlaşılacağı gibi div elementimize animate() metodu kullanarak 250px sağa kaymasını sağladık.

Peki birden fazla özellik tanımlayabilir miyiz? Evet tanımlayabiliriz. Şimdi aşağıda yer alan örneğimizi inceleyelim.

Yukarıda ki örneğimizden anlaşılacağı gibi div elementimize animate() metodu ile birden fazla özellikte verebildik.

Peki daha fazla özellik vermek istersek ne yapmamız gerekir? Şimdi aşağıdaki son örnek kodumuzu da inceleyelim ve öğrenelim.

Evet dostlar işte bu kadar basit. div elementini animate() metodu ile dilediğiniz gibi hareketlendirebilirsiniz 🙂 . Diğer bir dersimizde görüşmek üzere.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares