Merhabalar,

Spry framework
Spry framework

Piyasada bir çok Javascript framework’u bulmak mümkün. Bunlardan en popülerleri jQuery, Prototype ve Mootools olarak sıralanabilir. Ama kullanacağınız ufak efekt işlemleri, form kontrolleri için bu kütüphaneleri eklemeniz gereksiz olabilir ve performans kaybı olur. Bu nedenle Spry’ı kullanmak kârlı olacak gibi duruyor. Spry Adobe Labs tarafından geliştiriliyor. Spry’ı bu adresten indirebilirsiniz.Adobe’ye göre Spry’ı geliştirme nedenleri;

“Birçok kullanıcı AJAX’a nasıl başlayacağından emin değildi ve bu nedenle Spry geliştirildi. Biz Ajax frameworkleri arasına baktık ve programcının stiline ve uygulama oluşturmaya odaklandık. Tasarım topluluğunun ihtiyaçlarına dayanarak, Biz onların tasarımlarına HTML merkezli basit interaktif uygulamalar eklemelerine yardım ettik….”

Bu nedenle Spry yeni başlayan kullanıcıların gözünü korkutmayacak ve syntaxlara alışabileceği bir framework.Şimdi Spry ile efektler oluşturmak için kodlarımızı inceliyelim.

SPRY ile titretme……………………………….

TEST
TEST
TEST

SPRY ile highlight……………………………….

TEST
TEST
TEST

SPRY ile sakla……………………………….

TEST
TEST
TEST

SPRY ile büyüt/küçült……………………………….

TEST
TEST
TEST

SPRY ile Karart……………………………….

TEST
TEST
TEST

SPRY ile gizle……………………………….

TEST
TEST
TEST


Şimdi Kodları inceleyelim.Önce 1. satırda sayfamıza Spry’ı dahil ettik. 3-10 satırları arasında “highlight” fonksiyonumuzu oluşturduk.11-17 satırlarında efektlerimizi bir fonksiyon yerine değişken olarak atadık. HTML kodlarında ise ile buton oluşturduk ve onclick event’ı içine fonksiyonumuzu tanımladık.


içinde ise efektin uygulanacağı div’i belirttik. Yani var efekt=new Spry.Effect.Fade(‘buradauygulanacakdiv(abc)’);
Şimdi ise efektleri özelleştirmeye bakalım.Highlight

duration ->> Süresi : 1 saniye =1000toggle true yada false alır,eğer true ise restorecolor önemsizdir.to bitiş renginin değrestoreColor Highlight bittikten sonra elementin rengisetup özelliklersetup (element,effect){}

Sorularınızı yorum olarak yazarsanız yardım etmeye çalışacağım.