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

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

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

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

jQuery плагин MobilySlider

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

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

Форма отправки данных на сайте

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

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

Стильная галерея на jQuery

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

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

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

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

Интерактивная карта

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

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

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

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

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

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

Слайдер

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

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

Карусель

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

JavaScript слайдер

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

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

Меню в виде выпадающего списка

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

jQuery аккордеон

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

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

IE6 стоп

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

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

jQuery плагин Easy Expand

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

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

Gradient text

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

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

jQuery плагин форма

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

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

jQuery плеер

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

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

jQuery плагин

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

19. CSS3 табы

CSS3 табы

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

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

jQuery слайдер

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

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

jQuery плагин

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

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

jQuery плагин аккордеон

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

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

jQuery слайд-шоу

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

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

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

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

Многоуровневое меню аккотредон

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

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

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

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

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

jQuery One Page Navigation

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

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

jQuery навигация

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

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

jQuery навигация

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

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

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

09.03.2011
top


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