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

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

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

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

jQuery аккордеон

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

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

Меню выпадающее

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

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

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

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

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

Меню-аккордеон

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

Сайт портфолио

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

6. CSS3 меню

CSS3 меню

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

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

Виртуальный тур по странице сайта

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

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

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

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

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

jQuery CSS3 волна из изображений

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

10. CSS3 слайдер

CSS3 слайдер

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

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

Мега-меню

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

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

Ротатор контента

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

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

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

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

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

CSS3 меню с эффектом размытия

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

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

Анимированные меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQuery cлайдер wmuSlider

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

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

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

25.10.2011
top


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