jQuery Animasyon Özelliğini Açmak ve Kapatmak

Bu yazımızda jQuery’de animasyon özelliğini nasıl açıp kapatabileceğimizi göstereceğim.

JQuery.fx.off özelliği, tüm animasyonları global olarak devre dışı bırakmak / etkinleştirmek için kullanılır. Varsayılan olarak false değeri alır. Bu şekilde animasyonların normal olarak çalışmasına izin verilir.

Biz bu değeri true yaparak, tüm animasyonları devre dışı bırakabiliriz. Bu şekilde ayarlandığında animasyonlar, animasyonsuz bir şekilde son halini alırlar.

İki farklı şekilde kullanabiliriz. Bunlar:

 ⇒  Şimdi 1 div etiketi ve 3 button etiketi yazalım.

 ⇒ Animasyonu başlat” butonuna tıklandığında div etiketi için yazmış olduğumuz animasyonu başlatalım. Varsayılan olarak animasyonların çalışmasına izin verildiği için herhangi bir problem yaşamayacağız.

 ⇒ Animasyonları devre dışı bırak” butonuna tıklayalım ve sonrasında tekrar  “Animasyonu başlat” butonuna tıklayalım.

 ⇒  Bu sefer yazdığımız animasyon kodları çalışmayacaktır. Çünkü JQuery.fx.off özelliğine true değeri atamış olduk.

 ⇒  Eğer “Animasyonları etkin hale getir” butonuna tıklayarak JQuery.fx.off özelliğine tekrar false değeri atarsak animasyon kodlarımız tekrar çalışacaktır.

Css Kodları

jQuery Kodları

Butonlara tıklayarak uygulamamızı inceleyebilirsiniz.

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery fadeOut(), fadeIn(), fadeToggle(), fadeTo() Metodları ve Kullanımları

jQuery addClass(), removeClass(), toggleClass() Metodları ve Kullanımları

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.