40 свежих CSS jQuery Ajax плагинов и скриптов: меню, галереи, слайдеры, карусели, аккордеоны и др.

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

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне, ссылки для скачивания исходников, там где это возможно — прямые.

1. jQuery галерея «3d Wall Gallery»

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

2. Реализация миниатюр для слайдера c помощью jQuery

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

3. Эффектное представление таблицы на CSS

Интересный эффект при наведении курсора мыши на столбец: он как бы выплывает из общей таблицы и появляется блок с описанием.

4. CSS3 переливающийся текст

Завораживающий текстовый эффект. Текст переливается разными оттенками, выглядит очень круто. К сожалению работает корректно только в Safari и Google Chrome.

5. Умный поиск

За основу этого поискабыла принята идея, используемая на сайте apple.com. При введении поискового запроса в выпадающем списке отображаются возможные результаты. Технологии, используемые в реализации этого решения: HTML, CSS, PHP, MySQL, jQuery.

6. jQuery and Google Maps

Урок по работе с картами от Google с использованием jQuery (на английском).

7. jQuery плагин для работы с Google maps

8. Простенький плагин jQuery для фоновых изображений

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

9. jQuery плагин для создания буквицы

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

10. jQuery слайдер «Nivo Slider»

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

11. jQuery плагин «Nivo Zoom»

Еще один качественный jQuery плагин от разработчиков Nivo слайдера. Увеличение изображение по нажатию на миниатюру.

12. jQuery корзина для интернет-магазина

Выбор товара и добавление его в корзину товаров.

13. jQuery галерея

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

14. jQuery плагин «Vertical Ticker»

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

15. Обновленная версия jQuery плагина «Supersized» версия 3.0

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

16. «AJAX Pagination» плагин для реализации постраничного разбиения

Постраничное разбиение на Ajax. Используемые технологии: jQuery, PHP, CSS, HTML.

17. Динамические многоуровневые выпадающие списки

Возможные значения следующего выпадающего списка подгружаются в зависимости от выбранного пункта в предыдущем. Отличное динамическое решение на Ajax и PHP.

18. Плагин «TinyCarousel» вертикальная и горизонтальная карусель jQuery

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

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

Плагин jQuery «Uniform». Симпатичное оформление элементов пользовательского интерфейса: чекбоксы, выпадающие списки, радиокнопки.

20. jQuery плагин для отображения изображений «TopUp»

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

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

22. Настраиваемый скрипт для загрузки файлов на сервер

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

23. Плагин jQuery «Contactable»

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

24. jQuery меню с вертикальной прокруткой

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

25. CSS jQuery аккордеон

Аккуратный аккордеон с использованием jQuery.

26. Стильные табы на jQuery

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

27. Индикатор загрузки как у Facebook с использованием CSS и jQuery

Для просмотра эффекта нажмите на кнопку Start на демонстрационной странице.

28. Необычное отображение изображений в jQuery галерее

С помощью ползунка сверху можно изменить расстояние между изображениями в стопке. При нажатии на изображение оно поворачивается.

29. jQuery меню

Легкое выпадающее меню jQuery меню.

30. Плавающий блок «Contained Sticky Scroll»

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

31. Плагин jQuery галереи «MB.Gallery»

32. jQuery галерея, растягивающаяся на весь экран

Плагин 2011 года. Новая галерея  с описанием изображений, растягивающаяся на всю область окна браузера не зависимо от его размеров. Интересно реализованы миниатюры изображений. Переход между фотографиями осуществляется с помощью стрелок около миниатюры и с помощью колеса мыши.

33. Легкая jQuery галерея

 

34. Эффект при наведении с использованием CSS спрайтов и jQuery

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

35. Галерея с автоматическим генерированием миниатюр

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

36. jQuery эффект плавного изменения цвета при наведении

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

37. «Drag and Drop» техника jQuery

Перетаскивание элементов по экрану.

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

39. jQuery меню «GarageDoor»

40 jQuery горизонтальное меню

Прокручивающиеся горизонтальное меню CSS jQuery.