Новые JavaScript CSS эффекты с использованием jQuery и не только

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

Внимание: страницы с демонстрацией плагинов откроются в новом окне, ссылки для скачивания исходников — прямые. Для того чтобы несколько раз в месяц получать уведомления о появлении новых jQuery плагинов, Вам достаточно подписаться на e-mail рассылку.

1. Плагин «Shutter Effect Portfolio»

Свежий jQuery плагин для оформления портфолио фотографа. В галерее реализован интересный эффект смены изображений. Фотографии сменяют друг друга с эффектом похожим на работу затвора объектива.

2. CSS jQuery кликабельная карта Европы

Отлично  подойдет, например, для навигации на туристических сайтах.

3. jQuery плагин меню «Sweet Menu»

Анимированное меню с выезжающими пунктами.

4. Оформление элементов пользовательского интерфейса

Несколько тем оформления веб-форм и элементов пользовательского интерфейса.

5. jQuery плагин «Smooth Div Scroll»

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

6. jQuery плагин «Expanding Image Menu»

Разъезжающееся графическое jQuery меню-аккордеон.

7. Новая версия jQuery плагина «Supersized» версия 3.1

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

8. jQuery плагин «Mosaic»

Реализация всплывающих описаний изображений при наведении курсора мыши. Предусмотрено 8 различных видов всплывающих подписей. Вы сможете их посмотреть на демонстрационной странице.

9. Создание вкладок с содержимым с использованием jQuery

Плагин «Tabbed Content Rotator» для отображения информации в виде табов.

10. jQuery UI плагин для создания вкладок

Переход между табами возможен также с помощью кнопок «Дальше» и «Назад».

11. Отображение информации в модальном окне 

Плагин «TinyBox2» JavaScript Modal Windows. Этот плагин можно считать дополнением к списку из 33 подобных JavaScript решений, опубликованных мною совсем недавно.

12. Легкий JavaScript CSS слайдер «TinySlider 2»

Реализация слайдера изображений с использованием JavaScript и CSS.

13. Создание с помощью JavaScript и CSS всплывающих подсказок

Подсказки появляются и исчезают при нажатии на кнопку.

14. JavaScript WYSIWYG текстовый редактор «TinyEditor»

Плагин для реализации текстовых редакторов в ваших проектах. Ничего лишнего, довольно аккуратное профессиональное решение.

15. JavaScript CSS прокручивающаяся область

JavaScript решение «TinyScroller» для создания прокручивающейся области, помещенной в контейнер DIV.

16. JavaScript решение «TinyTable V3» для работы с таблицами 

Реализация сортировки по определенному полю, постраничное разбиение таблицы при наличии большого количества строк, при этом можно задать количество строк, отображаемых на одной странице. Но самым классным в этом JavaScript решении является возможность поиска информации по определенному полю. Для осуществления поиска необходимо из выпадающего списка выбрать название колонки, по которой необходимо вести поиск, а в поле рядом вписать запрос. После этого видимыми останутся только те строки, в которых встречается введенный вами запрос. При желании можете искать во всех колонках одновременно. Одним словом очень мощное решение, и если вы структурируете вашу информацию на сайте в виде таблиц, обязательно присмотритесь к «TinyTable V3».

17. JavaScript плагин аккордеон «TinyAccordion»

Отображение информации с эффектом аккордеона. Поддержка нескольких уровней.

18. Карта Европы jQuery плагин «MobilyMap»

Создание интерактивной карты Европы с применением JavaScript.

19. jQuery плагин «Galleria 1.2.2»

Новая jQuery галерея для ваших проектов.

20. jQuery плагин «liteAccordion»

Создание слайдеров изображений в стиле горизонтального аккордеона. Три различных варианта плагина можете посмотреть на демонстрационной странице.

21. jQuery слайдер«jShowOff»

Плагин для ротации содержимого. Три варианта использования: без навигации (с автоматической сменой в формате слайд-шоу), с навигацией в виде кнопок, с навигацией в виде миниатюр изображений.

22. jQuery плагин «Zoomy»

Эффект лупы для увеличения части изображения.

23. Плагин для создания онлайн форм «jFormer»

Создание контактных форм: обратной связи, комментирования, форма входа, форма регистрации с проверкой правильности ввода информации.

24. jQuery контактная форма «SheepIt»

Реализована возможность перед отправкой сообщения добавлять новые поля.

25. Содержимое, всплывающее в модальном окне

Плагин «Reveal». Для просмотра плагина в действии нажмите на кнопку «Fire A Reveal Modal» на демонстрационной странице.

26. jQuery плагин «ToastMessage»

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

27. Игра на jQuery для тренировки памяти

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

28. Потрясающее оформление «чекбокосов» на сайте

Очень необычное оформление такого элемента пользовательского интерфейса как «чекбокс». Используемые технологии: jQuery и CSS.

29. jQuery слайдер

 jQuery CSS слайдер изображений с использованием плагина NivoSlider.

30. jQuery плагин «Hover Zoom»

Оригинальное решение для реализации описания изображений. Описание появляется при наведении курсора мыши.

31. jQuery выпадающее горизонтальное и вертикальное меню

Плагин «naviDropDown» для создания навигации по сайту. Помимо ссылок в выпадающей области можно разместить описание пункта меню.

Внимание: для того, чтобы несколько раз в месяц получать уведомления о появлении новых jQuery плагинов, Вам достаточно подписаться на e-mail рассылку.

Вы можете посмотреть похожие заметки: