20+ свежих CSS3 jQuery плюшек. Часть 11

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

Внимание: подпишитесь на е-мейл рассылку блога, чтобы не пропустить следующую порцию плагинов.

1. Вертикальный jQuery аккордеон «Flexible Slide-to-top Accordion»

Область с контентом раскрывается при нажатии на ссылку. Плагин выполнен в двух вариантах: в одном случае раскрыть можно все блоки контента одновременно, во втором — при открытии какого-либо одного блога сварачивается тот, что был развернут перед этим.

2. CSS3 выпадающее меню

Выпадающее меню без использования JavaScript, только CSS.

3. Стильное оформление HTML форм «Ideal Forms»

Эффектные формы с использованим jQuery.

4. CSS3 меню-аккордеон с пиктограммами

5. Одностраничный сайт портфолио

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

6. CSS3 меню

Легкое CSS меню.

7. Виртуальный тур по сайту «Joyride Kit»

С помощью этого плагина можно познакомить посетителя с основными функционалом страницы. Делается это в виде последовательного всплывающего описания элементов. Посетитель может посмотреть все подсказки, нажимая на кнопку Next, либо закрыть онлайн-тур (если он уже не первый раз попадает на эту страницу) воспользовавшись крестиком.

8. Анимированное jQuery меню

В архив также вложен исходный PSD файл меню.

9. jQuery CSS3 плагин «Wave Display Effect»

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

10. CSS3 слайдер

Легкий CSS3 слайдер без использования JavaScript.

11. Выпадающее CSS3 мега-меню

Выпадающее мега-меню.

12. Ротатор контента на jQuery

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

13. Слайдер «Infinite Carousel Plugin»

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

14. jQuery CSS3 меню с эффектом размытия «Blur Menu» CSS3

Оригинальное jQuery CSS3 меню выполнено в 7 различных стилевых оформлениях. При наведении курсора мыши на один из пунктов меню остальные как бы размываются.

15. Несколько эффектных анимированных jQuery CSS3 меню

10 креативных анимированных меню. Горизонтальные и вертикальные CSS3 меню с различными эффектами и переходами.

16. Вертикальный аккордеон на jQuery

Раскрывающаяся область.

17. CSS3 слайдер изображений

Легкий слайдер изобрайжений с использованием CSS3.

18. CSS3 эффект размытия текста

Эффект размытия текста при наведении курсора с помощью CSS3 и jQuery.

19. CSS3 меню без скриптов и изображений

Выпадающее горизонтальное CSS меню. Меню всегда остается в зоне видимости при прокрутке страницы.

20. Рабочий стол на подобии iOS

Оригинальное решение с использованием CoffeeScript.

21. jQuery cлайдер «wmuSlider»

Эффектный JavaScript слайдер изображений.

Внимание: я уже собираю следующую порцию JavaScript плюшек. Узнайте первыми о выходе новой порции.

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