JQuery Effects Bölüm 4 - Method Chaining | Ali Karahisar

JQuery Effects Bölüm 4 - Method Chaining

Merhaba Arkadaşlar; Jquery ile efektler adlı yazı dizimizin :P sonuna yaklaşıyoruz. JQuery ile bu sefer zincirleme metodlara bakacağız. Bir adet paragraf ve bir adet butonumuz olacak. Butona basılınca paragrafın rengini değiştirip, yavaşça gizleyip ardından da göstereceğiz. Şimdi Kodlarımızı yazalım.

jquery-logo

JQuery Kodları script tagları arasına;
$(document).ready(function(){
    $("button").click(function(){
        $("#p1").css("color", "red")
            .slideUp(2000)
            .slideDown(2000);
    });
});

Html Kodları;
div id="p1"
jQuery ile kopuyoruz :) /div
button Tıkla /button

Blogger'da yaşanan sorun nedeni ile html kısmının <> kısımlar yazılmamıştır. Dikkate alınız.

Şimdi ise sonucu görelim.

Gif

Sağlıcakla.
Yorumlarınızı esirgemezseniz sevinirim :), eğer burada ki çözümler veya bilgileri işinize yaradıysa sizde aşağıda bulunan butonlar yardımıyla paylaşırsanız başkaları da yararlanabilir. :)

Paylaş:



    Yorumlar - 0 Yorum :

Yorum Gönder