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

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

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

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

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

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

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

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

jQuery выпадающее меню

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

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

Mootools модальные окна

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

4. MediaBoxAdvanced

Mootools модальные окна

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

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

Плагин для оригинального меню

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

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

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

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

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

jQuery слайд-шоу

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

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

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

jQuery слайд-шоу

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

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

Фильтрация блоков на jQuery

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

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

jQuery форма

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

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

jQuery подсказки

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

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

jQuery описание изображений

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

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

jQuery меню-аккордеон

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

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

jQuery мега меню

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

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

jQuery мега меню

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

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

jQuery галерея

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

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

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

jQuery слайд-шоу

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

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

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

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

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

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

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

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

Плавающий блок

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

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

Раскрывающийся блок jQuery

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

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

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

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

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

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

06.07.2011
top


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