CEVAP:

JQuery kullanarak HTML elementlerine özel
efektler uygulanabilir. Bu amaçla seçicinin arkasına efekt
metodu bağlanır. Bu efektler JQuery tarafından
sağlandığından tüm tarayıcılarda desteklenir ve aynı
görsel etkileri yaratır. Efektlerin kullanımı için sentaks
aşağıdaki kodda verilmiştir.
<script>
$(seçici).efekt(uygulanmasüresi,uygulama_fonksiyonu
);
</script>
Bir efekti kullanmak için öncelikle uygulanacak element
JQuery seçici yöntemiyle (ör: $(‘#birinci’)) seçilir.
Ardından efekt metodu seçilir (ör: hide). Metot için
açılacak parantezler içinde verilen ilk parametre
milisaniye cinsinden efektin uygulanma süresidir. İkinci
parametre efektin uygulanmasının ardından çağırılacak
uygulama fonksiyonudur. Burada function anahtar
kelimesi kullanılarak yeni bir fonksiyon yazılabilir. Bu
fonksiyonun yazılması zorunlu değildir. JQuery efektleri
zincirleme çalıştırılabilir. Aşağıda verilen kodda slideUp
ve slideDown metotlarının artarda çalıştırılması
gösterilmektedir. Bu amaçla, ilk efekt metodunun
bitirildiği noktada ikinci efekt metodu nokta ile bağlanarak
çağırılır.
<script>
$(“#p1”).click(function(){ $(“#p1”).slideUp(200,
function(){ $(this).html(“tıklandı”);
}).slideDown(200);
}
);
</script>
Kodda, üçüncü satırda slideUp metodu çağırılmaktadır.
slideUp metodunun çağırıldığı satırda paragrafın içeriğini
değiştiren bir uygulama fonksiyonu çağırılmaktadır. Bu
nedenle slideUp metodunun kapandığı parantez beşinci
satırda yer almaktadır. Bu parantezin hemen ardından
slideDown metodu çağırılarak efektlerin zincirleme
çalıştırılması sağlanmıştır.