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

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

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

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

Плагин Shutter Effect Portfolio

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

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

Карта Европы jQuery

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

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

Меню jQuery

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

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

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

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

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

jQuery плагин для горизонтального прокручивания контента на странице

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

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

Меню аккордеон

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

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

Полноэкранная галерея jQuery

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

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

Всплывающие описания изображений при наведении курсора мыши

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

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

Вкладки на jQuery

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

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

Табы на jQuery

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

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

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

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

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

JavaScript слайдер

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

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

Всплывающие подсказки JavaScript

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

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

Текстовый редактор

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

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

Прокрутка контейнера DIV

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

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

JavaScript работа с таблицами

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

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

Аккордеон

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

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

jQuery карта Европы

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

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

Галерея

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

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

jQuery слайдер аккордеон

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

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

jQuery слайдер

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

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

jQuery лупа

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

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

Форма

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

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

jQuery форма

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

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

Модальное окно

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

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

Всплывающие сообщения

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

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

jQuery плагин игра

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

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

Оформление чекбоксов

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

29. jQuery слайдер

Слайдер

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

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

Эффект при наведении курсора на изображение

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

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

Выпадающее меню

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

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

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

21.03.2011
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus