Эффекты script.aculo.us разделены на две группы —
Основные эффекты
Следующие шесть основных эффектов являются основой JavaScript-библиотеки script.aculo.us Visual Effects.
Все основные эффекты поддерживают различные общие параметры, а также специфичные для эффекта параметры, и эти имена эффектов чувствительны к регистру.
Все специфичные для эффекта Общие параметры были обсуждены в этом руководстве вместе с эффектами.
Комбинированные эффекты
Все комбинированные эффекты основаны на пяти основных эффектах и рассматриваются как примеры, позволяющие вам создавать свои собственные эффекты.
Обычно эти эффекты зависят от параллельного, синхронизированного выполнения других эффектов. Такое исполнение легко доступно, следовательно, создавать свои собственные комбинированные эффекты очень легко. Вот список комбинированных эффектов —
Кроме того, есть служебный метод Effect.toggle для элементов, которые вы хотите временно показать с помощью анимации « Появиться / исчезнуть» , «Слайд» или «Слепой».
Библиотечные файлы, необходимые для эффектов
Чтобы использовать возможности эффектов script.aculo.us, вам нужно загрузить модуль эффектов. Итак, ваша минимальная загрузка для script.aculo.us будет выглядеть так:
<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>
Функции эффекта вызова
Правильный способ запустить основной эффект обычно с новым оператором. В зависимости от ваших предпочтений, вы можете использовать один из двух синтаксисов —
Синтаксис
new Effect.EffectName(element [, requiredArgs ] [ , options ] )
OR
element.visualEffect('EffectName' [, requiredArgs ] [,options])
Эти два синтаксиса технически эквивалентны. Выбор между ними в основном зависит от вашего личного эстетического восприятия кода.
пример
Вот два эквивалентных вызова, так что вы можете увидеть, как связаны синтаксисы, которые очень взаимозаменяемы —