jQuery и Mootools полезности для веб-мастеров. Часть 6

Более 20 новых функциональных jQuery и Mootools плагинов для придания изюминки вашим проектам. В заметке: горизонтальные и вертикальные мега-меню, всплывающие подсказки, выпадающие меню, меню-аккордеон, отображение контента в модальных окнах, форма обратной связи с проверкой вводимых данных, галереи, слайдеры, слайд-шоу, плагин для фильтрации блоков с содержимым и другие интересные JavaScript решения.

Это уже шестая часть из серии jQuery плюшек. Не пропустите следующую — подпишитесь на обновления в блоге. 

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне.

1. Стильное вертикальное jQuery мега-меню

Профессиональное вертикальное меню с огромным количеством выпадающих пунктов подменю.

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

Вы сможете легко настрить внешний вид меню с помощью  CSS.

3. Содержимое в модальных окнах «MultiBox» на Mootools

Также можете посмотреть 35 похожих решений. 

4. MediaBoxAdvanced

Отображение информации в модальных окнах с использованием Mootools: изображения, видео, анимация, социальные сервисы и др. Также можете посмотреть 35 похожих решений.

5. Оригинальное jQuery меню

Выпадающее меню с фоновым эффектом. Подпункты меню разворачиваются вверх. При наведении на пункт меню сменяется фоновое изображение.

6. jQuery плагин «LeanModal»

Отображение контента в модальных окнах. Для просмотра плагина в действии на демонстрационной странице нажмите на ссылку: Sign Up Form или Basic Content.

7. «Craftyslide» cлайд-шоу jQuery

8. Анимированное выпадающее jQuery меню

9. Полноэкранное jQuery cлайд-шоу 

jQuery HTML5 cлайд-шоу, растягивающееся на всю ширину экрана со звуковым сопровождением. 

10. Фильтрация блоков с содержимым на jQuery

С помощью плагина  можно без перезагрузки страницы показывать блоки, относящиеся к какой-либо конкретной категории.

11. Проверка правильности ввода данных в форму на jQuery

jQuery форма с анимированными подсказками о допущенных ошибках при заполнении.

12. jQuery плагин для реализации всплывающих подсказок

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

13. Плагин для реализации подписи изображений

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

14. Вертикальное многоуровневое jQuery меню аккордеон

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

15. Новое выпадающее jQuery мега-меню

Стильное горизонтальное выпадающее меню с большим количеством пунктов подменю.

16. Горизонтальные jQuery мега-меню в разных стилевых оформлениях

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

17. jQuery галерея «Swap Gallery»

Легкая галерейка jQuery в несколько строк кода.

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

18. jQuery слайд-шоу

Простое слайд-шоу на jQuery.

19. jQuery выпадающее меню в стиле Google

Выпадающее горизонтальное меню в стиле Google.

20. Плагин jQuery «Drill Down-Menu»

Интересная реализация многоуровневых вертикальных меню. Доступны различные стилевые оформления.

21. Плагин jQuery «Floater»

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

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

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

23. Вертикальное jQuery мега меню

На демонстрационной странице представлено несколько вариантов выпадающих вертикальных мега меню. В  меню можно настраивать: эффект выпадения, скорость выпадения, а также сторону выпадения меню (вправо или влево).

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

Также может быть полезно: