script.aculo.us - Görsel Efektler
Script.aculo.us efektleri iki gruba ayrılır -
Temel Etkiler
Aşağıdaki altı temel efekt, script.aculo.us Visual Effects JavaScript kitaplığının temelidir.
Effect.Opacity
Effect.Scale
Effect.Morph
Effect.Move
Effect.Highlight
Effect.Parallel
Tüm temel efektler, çeşitli ortak parametreleri ve ayrıca etkiye özgü parametreleri destekler ve bu efekt adları büyük / küçük harfe duyarlıdır.
Etkiye özgü tüm Ortak Parametreler , bu eğitimde efektlerle birlikte tartışılmıştır.
Kombinasyon Etkileri
Tüm kombinasyon efektleri beş Temel Efekt'e dayanmaktadır ve kendi efektlerinizi yazmanıza izin verecek örnekler olarak düşünülmüştür.
Genellikle bu efektler, diğer efektlerin paralel, senkronize yürütülmesine dayanır. Böyle bir uygulama kolayca elde edilebilir, bu nedenle kendi birleşik efektlerinizi oluşturmak çok kolaydır. İşte Kombinasyon Etkilerinin bir listesi -
Effect.Appear
Effect.Fade
Effect.Puff
Effect.DropOut
Effect.Shake
Effect.SwitchOff
Effect.BlindDown
Effect.BlindUp
Effect.SlideDown
Effect.SlideUp
Effect.Pulsate
Effect.Squish
Effect.Fold
Effect.Grow
Effect.Shrink
Ek olarak, Effect.toggle Görünme / Karartma, Kayma veya Kör animasyonuyla geçici olarak göstermek istediğiniz öğeler için yardımcı program yöntemi.
Effect.toggle
Efektler için Gerekli Kitaplık Dosyaları
Script.aculo.us'un efekt yeteneklerini kullanmak için efektler modülünü yüklemeniz gerekir. Dolayısıyla, script.aculo.us için minimum yüklemeniz şöyle görünecektir:
<html>
<head>
<title>script.aculo.us effects</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script type = "text/javascript" src = "/javascript/"effects.j"></script>
</head>
<body>
...
</body>
</html>
Çağrı Etkisi İşlevleri
Bir çekirdek efekti başlatmanın doğru yolu genellikle newŞebeke. Tercihlerinize bağlı olarak iki sözdiziminden birini kullanabilirsiniz -
Sözdizimi
new Effect.EffectName(element [, requiredArgs ] [ , options ] )
OR
element.visualEffect('EffectName' [, requiredArgs ] [,options])
Bu iki sözdizimi teknik olarak eşdeğerdir. İkisi arasında seçim yapmak, çoğunlukla kişisel kod estetiği anlayışınızla ilgilidir.
Misal
İşte iki eşdeğer çağrı, böylece sözdizimlerinin birbiriyle nasıl ilişkili olduğunu görebilirsiniz, bunlar birbirinin yerine kullanılabilir -
new Effect.Scale('title', 200, { scaleY: false, scaleContent: false });
OR
$('title' ).visualEffect('Scale', 200, { scaleY:false, scaleContent:false });