Warning: require() [function.require]: open_basedir restriction in effect. File(/opt/php52/share/pear/data.inc.php) is not within the allowed path(s): (/var/www/allximik/data:.:/usr/local/stat) in /var/www/allximik/data/www/followdesign.com/engine/lib/external/CSSTidy-1.3/class.csstidy.php on line 33

Warning: require() [function.require]: open_basedir restriction in effect. File(/opt/php52/share/php/php/data.inc.php) is not within the allowed path(s): (/var/www/allximik/data:.:/usr/local/stat) in /var/www/allximik/data/www/followdesign.com/engine/lib/external/CSSTidy-1.3/class.csstidy.php on line 33

Warning: require() [function.require]: open_basedir restriction in effect. File(/opt/php52/share/pear/class.csstidy_print.php) is not within the allowed path(s): (/var/www/allximik/data:.:/usr/local/stat) in /var/www/allximik/data/www/followdesign.com/engine/lib/external/CSSTidy-1.3/class.csstidy.php on line 40

Warning: require() [function.require]: open_basedir restriction in effect. File(/opt/php52/share/php/php/class.csstidy_print.php) is not within the allowed path(s): (/var/www/allximik/data:.:/usr/local/stat) in /var/www/allximik/data/www/followdesign.com/engine/lib/external/CSSTidy-1.3/class.csstidy.php on line 40

Warning: require() [function.require]: open_basedir restriction in effect. File(/opt/php52/share/pear/class.csstidy_optimise.php) is not within the allowed path(s): (/var/www/allximik/data:.:/usr/local/stat) in /var/www/allximik/data/www/followdesign.com/engine/lib/external/CSSTidy-1.3/class.csstidy.php on line 47

Warning: require() [function.require]: open_basedir restriction in effect. File(/opt/php52/share/php/php/class.csstidy_optimise.php) is not within the allowed path(s): (/var/www/allximik/data:.:/usr/local/stat) in /var/www/allximik/data/www/followdesign.com/engine/lib/external/CSSTidy-1.3/class.csstidy.php on line 47
jQuery анимация. Часть 1 / Разработка / Свежие новости веб-дизайна и разработки


Авторизация



Напомнить пароль
Регистрация


РазработкаjQuery анимация. Часть 1

Анимация

Решения для реализации различной анимации на веб-страницах с использованием jQuery. В заметке собрано 13 интересных плагинов.

1. Плагин для демонстрации продукта в стиле Apple

jQuery плагин

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

2. Заливка изображения. Эффект jQuery

jQuery плагин

Интересное решение в несколько строк кода.

3. jQuery плагин «Переливания цвета»

jQuery плагин "переливание цвета"

4. jQuery CSS анимация с использованием спрайтов

Анимация

Красивая анимация с использованием  jQuery.

5. jQuery «Бегущая строка»

jQuery анимация

Стилизовано под светодиодный экран.

6. jQuery анимация «День и ночь»

jQuery анимация

Анимация длится около 30 секунд, поэтому ничего не кликайте, а наблюдайте за интересным эффектом, реализованном с помощью jQuery. Довольно своеобразное применение jQuery, но недостаток этого плагина в том, что он не работает в IE. Может быть пригодится для чего-нибудь в вашем проекте.

7. Раскрывающиеся шторы

Шторы с использованием jQuery

Реализация раскрывающихся штор на экране с помощью jQuery.

8. Плагин «jQuery Flip»

jQuery плагин

9. Создание динамической тени с помощью jQuery

Создание динамической тени с помощью jQuery

На демонстрационной странице не забудьте включить лампочку, чтобы блок, который вы можете перетаскивать по экрану, начал отбрасывать тень.

10. Анимированный jQuery  CSS3 эффект

Прилетающая газета: эффект jQuery

11. jQuery плагин «виниловые вертушки»

jQuery DJ

Можно найти применение на музыкальных промосайтах и сайтах диджеев.

12. Заворачивающийся угол на странице сайта

Отворачивающийся угол на странице сайта

Эту jQuery анимацию можно использовать для привлечения внимания к какой-нибудь информации или рекламе.

13. Плагин «Стопка карточек» на jQuery

Плагин «Стопка карточек» на jQuery

  • 0
  • Автор: efimov
  • Дата: 29 ноября 2011, 23:44
  • В избранное:


Комментарии (0)

rss свернуть / развернуть
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.