Airport — текстовой эффект с помощью JQuery

28 августа 2010 года, Размещено в категории: jQuery / MooTools

jQuery текстовые эффекты

Airport – эффект информационной доски с помощью JQuery. Такой эффект можно увидеть на информационных досках в аэропортах и вокзалах. Сегодня мы с помощью JQuery плагина Airport сделаем такие же текстовые эффекты у себя на сайте.

JQuery текстовые эффекты демоскачать JQuery текстовые эффекты

Плагин имитирует поведение информационной доски в аэропорту. При последовательной печати каждой буквы, прежде чем она появится, на этом месте быстро мелькают несколько других букв.
Если непонятно о чем я здесь пишу, тогда просто просмотрите демо и вы все поймете.

Как работает плагин 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>

Этот плагин очень прост в использовании, думаю, ни у кого не возникнет проблем с ним, а если и возникнет проблема, тогда пишите в комментарии.






3 комментария

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Перед отправкой формы: