Очередная порция JavaScript CSS плюшек для веб-разработчиков

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

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

1. jQuery слайдер «MobilySlider»

Свежий слайдер. jQuery слайдер с различными эффектами смены изображений.

2. Контактная форма для сайта

Проверка правильности ввода ифнормации осуществляется «на лету» перед отправкой сообщения с использованием JavaScript.

3. Стильная галерея с использованием библиотек jQuery и Raphael

Интересный эффект при наведении курсора мыши на миниатюру.

4. Плеер для воспроизведения роликов YouTube на сайте

5. Интерактивная карта с использованием библиотек jQuery и Raphael

6. jQuery плагин «stickyFloat» для реализации плавающего блока

7. Выпадающее 3-х уровневое меню

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

8. Плагин «Tiny Slider»

Легкий слайдер с автоматической сменой слайдов.

9. Карусель с 3D эффектом

10. Свежий JavaScript слайдер

Слайдер с автоматической сменой изображений.

11. jQuery оформление выпадающего списка

12. JavaScript аккордеон плагин «Aga»

Для реализации слайдеров с эффектом горизонтального и вертикального аккордеона. 

13. Скажи нет IE6 «NoIE6»

Скрипт показывает сообщение для пользователей старых версий браузера Internet Explorer. Можно выбрать необходимый вам язык и шаблон отображения всплывающего окна. Сайт на русском языке.

14. jQuery плагин «Easy Expand»

Плагин для реализации раскрывающейся области.

15. Плагин jQuery «Gradient text»

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

16. jQuery плагин «Formwizard»

Плагин для реализации пошаговых форм на сайте.

17. jQuery плагин «OIPlayer»

Плагин аудио и видео плеер.

18. jQuery плагин «Easy Image Zoom»

Увеличение области, находящейся под курсором.

19. CSS3 табы

Представление информации на странице в виде вкладок, реализованных с помощью CSS3.

20. Постраничное разбиение блоков в виде слайдера

jQuery плагин «Easy Paginate». Каждый прямоугольный блок представляет собой обычный пункт списка  li, при этом если пунктов больше трех, то чтобы просмотреть их все необходимо воспользоваться навигацией, подобной слайдеру (с помощью стрелок «вперед», «назад» и с помощью кнопок навигации внизу). 

21. jQuery плагин «Facets»

Плагин в стиле аккордеон для реализации необычной навигации на сайте. Для того чтобы посмотреть плагин в действии в различном исполнении, пройдитесь по ссылкам Demo1 - Demo4 на демонстрационной странице.

22. jQuery плагин аккордеон «Jaws»

Плагин для реализации блока последних новостей с эффектом аккордеона и постраничным разбиением.

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

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

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

26. jQuery графическое меню в стиле аккордеон

Плагин «Sliding picture menu». Меню аккордеон с реализацией подменю.

27. Многоуровневое вертикальное меню аккордеон

Внешний вид меню аккордеон легко изменить с помощью CSS. Плагин «Multi Level Accordion Menu».

28. Плагин навигации по странице

Плавная прокрутка к нужному разделу на странице. Плагин «jQuery One Page Navigation».

29. jQuery графическое меню 

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

30. Плагин «Animated Content Menu»

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

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

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