Script.aculo.us: различия между версиями

[отпатрулированная версия][непроверенная версия]
Содержимое удалено Содержимое добавлено
Addbot (обсуждение | вклад)
м Перемещение 7 интервики на Викиданные, d:q309509
м викификация
Строка 11:
}}
{{lowercase|script.aculo.us}}
'''script.aculo.us'''  — [[JavaScript]]-[[Библиотека (программирование)|библиотека]] для разработки пользовательского интерфейса [[Веб-приложение|веб-приложений]], построенная на [[фреймворк]]е [[Prototype (фреймворк)|Prototype]].
 
Обычно используется [[программист]]ами вместе с [[Ruby on Rails]], однако также доступен в виде отдельной [[Библиотека (программирование)|библиотеки]], и присутствует в составе некоторых других каркасов для разработки сайта.
 
Был создан Томасом Фукс в процессе работы над веб-интерфейсом инструмента цифрового управления активами Fluxiom компании Wollzelle<ref name="interview-thomasf">[http://ajaxian.com/archives/audible-ajax-episode-12-thomas-fuchs-of-scriptaculous Ajaxian » Audible Ajax Episode 12: Thomas Fuchs of Script.aculo.us<!-- Заголовок добавлен ботом -->]</ref>, впервые был опубликован в июне [[2005 год]]а.
 
== Возможности ==
Строка 23:
Существуют пять основных эффектов script.aculo.us: Opacity, Scale, MoveBy, Highlight, и Parallel. Кроме них насчитывается более 16 дополнительных эффектов, которые подключаются с помощью дополнительных модулей. Программисты могут также расширить список новыми эффектами.
 
Для активации эффекта необходимо указать идентификатор элемента ID и одну строку кода с указанием необходимой функции. Ниже приведен пример для функции Effect.Fade, применяемой к DOM-элементу с идентификатором 'id_of_element'. Этот код приведёт к постепенному исчезновению (увеличению прозрачности) элемента, вплоть до полной невидимости с помощью [[CSS]] стиля <code>display:none</code>.
<source lang="javascript">
new Effect.Fade('id_of_element');
</source>
 
Также можно указать параметры эффекта: продолжительность и границы воздействия. Следующий пример приведёт к увеличению прозрачности элемента с остановкой на 80  % полного эффекта (с прозрачностью 20  %).
<source lang="javascript">
new Effect.Fade('id_of_element', { duration:2.0, from:0.0, to:0.8 });