Airport — текстовой эффект с помощью JQuery
28 августа 2010 года, Размещено в категории: jQuery / MooTools
Airport – эффект информационной доски с помощью JQuery. Такой эффект можно увидеть на информационных досках в аэропортах и вокзалах. Сегодня мы с помощью JQuery плагина Airport сделаем такие же текстовые эффекты у себя на сайте.
Плагин имитирует поведение информационной доски в аэропорту. При последовательной печати каждой буквы, прежде чем она появится, на этом месте быстро мелькают несколько других букв.
Если непонятно о чем я здесь пишу, тогда просто просмотрите демо и вы все поймете.
Как работает плагин Airport?
Для запуска плагина нужно всего лишь создать элемент и присвоить ему id=»stuff» потом подключаем Фреймворк JQuery и сам плагин Airport.
Шаг 1: HTML пример:
1 2 3 4 5 6 7 8 9 | <p>I like <span id="stuff"></span></p> <script type="text/javascript"> // <![CDATA[ $(document).ready(function(){ $('#stuff').airport(['berlin','odessa','melbourne','moscow']); }); // ]]> </script> |
Шаг 2: JavaScript:
Как всегда подключаем Фреймворк JQuery и сам плагин Airport между тегом <head> </head> которые выполняют всю работу:
1 2 | <script src="jquery-1.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.airport-1.1.js" type="text/javascript" charset="utf-8"></script> |
Этот плагин очень прост в использовании, думаю, ни у кого не возникнет проблем с ним, а если и возникнет проблема, тогда пишите в комментарии.
Чтобы постоянно получать новые посты с блога, подпишитесь на
rss ленту
и следуйте за мной в
twitter-e
Очень интересно! Спасибо
Запилил себе на http://artoha.ru/lolly/
Прикольно, только толку от этого эффекта мало конечно