Renk Animasyon Eklentisi

Selamün Aleyküm. Sizlere Bitstorm tarafından geliştirilip herkese ücretsiz olarak sunduğu Renk Animasyon eklentisini bugün sizlere kullanımını göstereceğiz. Fakat bir sorun var, resimler ile anlatacağım mikrofonda arıza çıktı maalesef :( Şimdi bu eklentinin bir kaç seçenekleride var onları yazının sonunda göstereceğim. Hemen anlatıma geçelim o zaman :)

İlk önce jQuery ve Eklentiye ait dosyaları çağırıyoruz. Çağırdıktan sonra yukarda ki işlemleri yapıyoruz. Sadece onlar ile kısıtlı değil ayarlar yazının en sonunda vereceğim bahsettiğim gibi. Yukardaki işlemleri yaptıktan sonra;

Div için stil ayarlarını yapıyoruz. Basit olarak bende yaptım. Bir kaç şey sizde ekleyebilirsiniz. Hemen sonra ki işleme geçelim;

Yukarıda ki html halini yaptıktan sonra hemen bir test edelim ve sonuçu görelim. Bize ait sunucu olmadığı için maalesef ki gösteremiyoruz. Tabii siz yukarda ki işlemleri yaparsanız kendi bilgisiyarınızda görebilirsiniz sonuçu.

jQuery Link: http://code.jquery.com/jquery-1.8.0.min.js
Eklenti Link: http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js
Eklenti için bir çok özellik daha;

• color
• backgroundColor
• borderColor
• borderBottomColor
• borderLeftColor
• borderRightColor
• borderTopColor
• outlineColor

Bu yazımız bu kadar idi. Biraz uzun oldu mikrofon'da sorun olduğu için. Bir çözümünü bulucağım inşALLAH. Hepinize ALLAH Kolaylık versin. ALLAH'a emanet olun. Görüşmek üzere.