jQuery .delay() .animate() ve .stop() metodları

  • .delay(): animasyonu veya işlemleri bir süre durdurup bekletmeye yarar.

  • .animate() : Nesnenin CSS özelliklerini değiştirerek belirli bir hızda animasyonlar yapmaya yarar. CSS özellikleri olarak width, height, border, background-color, font-size gibi özellikleri değiştirerek animasyonlar yapılabilir.

  • .stop(): Mevcut animasyon hareketini durdurur. Animasyon tekrar oynatıldığında ise kaldığı yerden devam eder.

Syntax

$('seçici').delay(speed,queueName);
$('seçici').animate({styles},speed,callback);
$('seçici').stop(stopAll,goToEnd);

Parametreler

  • speed : Opsiyonel bir parametredir. Gecikmenin ve animasyonun hızını belirlememize yarar. (1 saniye = 1000 milisaniye)

    Alabileceği değerler : milisaniye, "fast", "slow"

  • queueName : Opsiyonel bir parametredir. Kuyruğun ismini belirlemeye yarar. Varsayılan değeri fx dir.

  • styles : Gerekli bir parametredir. Animasyonda kullanacağımız CSS özelliklerini yazmamız gerekiyor. Özellik isimleri yazılırken büyük harf şeklinde yazmamız gerekiyor. Örneğin margin-right yerine marginRight kullanılmalı. Renkleri animasyon yapacaksak Color Animations plugin dosyasını indirmemiz gerekmektedir.

  • callback : Opsiyonel bir parametredir. Animasyon tamamlanınca bir fonksiyon icra etmeye yarar.

Demo

ETİKETLER
delayanimatestopjquery
Öncekİ Yazı

jQuery de .show() .hide() ve .toggle() metotlarının kullanımı

Sonrakİ Yazı

jQuery'de Fare Olayları (Mouse Events)

İlgili Yazılar