Войти
Freeweber

Материалы для вебмастеров

» » » Анимация для сайта -несколько эффектов jquery

Анимация для сайта -несколько эффектов jquery

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



22.05.2013
Просмотров: 13 290
Похожие статьи:

Комментарии: