Статьи

20 Flash-подобных плагинов jQuery

20 Flash-подобных jQuery-плагинов, которые помогут вам сделать Flash ужасной смертью! Впечатляющая флеш-анимация JavaScript Вдохновение, учебники и плагины. В jQuery и mootools появилось много других фреймворков, разработанных для улучшения возможностей анимации. Теперь мы можем легко создавать впечатляющие анимации JavaScript, и ваши посетители просто не смогут заметить различия. Я надеюсь, что вы получите что-то новое из этого поста. Наслаждайтесь!

1. Плагин jParallax

jParallax превращает выбранный элемент в «окно» или область просмотра, а все его дочерние элементы — в абсолютно расположенные слои, которые можно увидеть через область просмотра. Эти слои перемещаются в зависимости от мыши и в зависимости от их размеров.
jParallax-Plugin-.jpg
Источник

2. Плагин FxQueues

Этот плагин был основан на сценарии Джона Резига некоторое время назад. Был добавлен предметный охват, новая страница примера и некоторые юнит-тесты. Нуждается в улучшении, но это хорошее начало.
FxQueues-Plugin-.jpg
Источник


3. jsAnim — бесплатная библиотека анимации JavaScript

Мощная, но простая в использовании библиотека для добавления впечатляющих анимаций на веб-сайты без ущерба для стандартов и доступности.
jsAnim-Free-JavaScript-анимация-Library .jpg
Источник


4. $ FX

Компактная, легкая библиотека Javascript для анимации. Настройка свойств CSS по временной шкале. Параллельные наборы эффектов и цепочки эффектов. Расширенный набор обратных вызовов для настройки поведения.
fx.jpg
Источник


5. GX

Полнофункциональный кросс-браузерный суперкомпактный (без сжатия 10 КБ) Javascript Animations Framework. Используя GX, вы можете создавать сложные анимации, работающие с каждым свойством w3c CSS.
GX.jpg
Источник


6. Проблеск

Поддержка анимации в jQuery потрясающая. Glimmer позволяет легко создавать основанные на стандартах пользовательские анимации, которые могут работать непосредственно с существующими HTML и CSS.
glimmer.jpg
Источник


7. Магия

Простая структура JavaScript.
Magic.jpg
Источник


8. Имитация гравитации с помощью jQuery

Визуальные эффекты на веб-страницах становятся все более и более эффективными благодаря таким фреймворкам, как jQuery. Идея возможности настроить внешний вид страницы одним нажатием или кнопкой дает пользователю немного дополнительного взаимодействия.
Имитировать-Гравитация с-JQuery-.jpg
Источник


9. Построение анимационного мультфильма.

Полезно как миниатюрный корабль в бутылке. Все же это имеет основную цель. Это может вдохновить кого-то выйти за рамки воспринимаемых ограничений веб-дизайнеров и разработчиков.
Строительство-ан-Animated-Cartoon-Tobot-.jpg
Источник


10. Flashy Intro с анимацией jQuery

Раньше почти на каждом сайте была заставка Flash или заголовок, который заставляет вас ждать… вечно. Теперь все больше и больше людей используют функцию анимации jQuery, чтобы сделать их сайты интересными.
Кричащие-интро-с JQuery-Animation-.jpg
Источник


11. Как сделать впечатляющий анимированный заголовок ландшафта с помощью jQuery

В этом уроке мы начнем с мультипликационного заголовка, создадим два разных состояния для контента и анимируем переход между ними с помощью jQuery.
Как к Make-ан-Впечатляющие анимированный-ландшафтно-Header-с JQuery-.jpg
Источник


12. Анимированная панель обмена с jQuery и CSS

Сыт по горло старыми кнопками обмена и его производительностью и внешним видом? Это учебник, который вы бы не хотели пропустить.
Анимационная-Sharing-Bar-С-JQuery-CSS-.jpg
Источник


13. JQuery учебники для дизайнеров

Содержит 10 визуальных обучающих программ, предназначенных для веб-дизайнеров и новичков о том, как применять эффекты Javascript с помощью jQuery. Если вы не знаете о jQuery, это библиотека JavaScript «меньше пиши, делай больше».
JQuery-уроки-для-дизайнеров-.jpg
Источник


14. LavaLamp для любителей jQuery!

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


15. JQuery Hover Sub Облако тегов

Старые плагины WordPress, которые показывают облака тегов ваших статей в наше время. Пришло время создать собственное облако тегов. Попробуйте этот урок.
JQuery-Ховер-Sub-Tag-Cloud-.jpg
Источник


16. Как загружать и анимировать контент с помощью jQuery

В этом уроке вы узнаете, как сделать свой обычный ежедневный веб-сайт и улучшить его с помощью jQuery. Узнайте, как добавить функциональность Ajax, чтобы содержимое загружалось в соответствующий контейнер, а пользователю не приходилось переходить на другую страницу.
Как к нагрузке-In-и-Animate-Content-с JQuery-.jpg
Источник


17. Добавление к нашему Leopard Desktop с помощью jQuery

Изучите Leopard Desktop, не показывая его на своей веб-странице. Попробуйте этот учебник и заставьте своих посетителей чувствовать что-то другое, когда они посещают вашу веб-страницу.
Добавление к Нашему-Leopard-Desktop-с-JQuery-.jpg
Источник


18. liScroll (тикер новостей jQuery стал проще)

Просто посмотрите на это простое руководство по созданию простой полосы прокрутки для вашей веб-страницы. Поскольку это простое учебное пособие, вы определенно можете изучить основные вещи jQuery.
liScroll-а-JQuery-Новости-Ticker-сделанный простой .jpg
Источник


19. Скользящее меню с помощью jQuery

Скучно с простой строкой меню? Тогда вы должны взглянуть на этот учебник. Это поможет вам создать скользящую строку меню с помощью нашего jQuery.
Скользящие-меню с помощью-jQuery.jpg
Источник


20. Сексуальное выпадающее меню с jQuery и CSS

Если вы хотите, чтобы ваш посетитель заинтересовался вашей веб-страницей, сделайте несколько достопримечательностей. Сделайте навигационное меню, которое организовано и хорошо структурировано.
Sexy-Drop-Down-меню-с JQuery-CSS-.jpg
Источник