Автор

19 03.2013
Анимированное JavaScript меню

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



Интересные плагины, которые вы сможете использовать при создании навигации в ваших проектах.

Представляю вашему вниманию jQuery, Mootools, CSS меню, выполненные в различных вариантах и стилевых исполнениях: вертикальные и горизонтальные меню,  меню c анимированными JavaScript эффектами, круговые меню, графические меню, прокручивающиеся меню, меню с CSS3 эффектами, фиксированные навигационные панели, всегда находящиеся в поле видимости и другие примеры навигации.

 

Меню с использованием спрайтов

Анимированное JavaScript меню с эффектом свечения.

 

ДЕМО
ИСХОДНИКИ

 

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

Свежее симпатичное меню на jQuery.

 

ДЕМО
ИСХОДНИКИ

 

Оригинальное jQuery меню

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

В демонстрации в низу страницы переключайте меню, 10 вариантов

 

ДЕМО
ИСХОДНИКИ

 

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

Анимированное меню. Пункты меню представлены в виде иконок и описания. несколько отличных эффектов при наведении курсора мышки на пункт меню. Предусмотрено 8 эффектов, чтобы посмотреть их все — пройдите по ссылкам Exemple1-Exemple8 на демонстрационной странице.

пройдите по ссылкам Exemple1-Exemple8 на демонстрационной странице

 

ДЕМО
ИСХОДНИКИ

 

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

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

 

ДЕМО
ИСХОДНИКИ

 

Отличное jQuery меню в стиле Apple

 

ДЕМО
ИСХОДНИКИ

 

Меню jQuery

Симпатичный эффект перехода между пунктами.

 

ДЕМО
ИСХОДНИКИ

 

Отличное jQuery меню

 

ДЕМО
ИСХОДНИКИ

 

CSS и jQuery панель навигации

Интересный эффект при наведении курсора мыши на пункт меню. Я применял его на нескольких сайтах volga-skazka.ru, vsila.ru, parhomenco.ru

 

ДЕМО
ИСХОДНИКИ

 

Меню с CSS и jQuery анимацией

Свежее анимированное меню в серых тонах.

 

ДЕМО
ИСХОДНИКИ

 

jQuery навигация по сайту

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

 

ДЕМО
ИСХОДНИКИ

 

Шикарное jQuery меню

 

ДЕМО
ИСХОДНИКИ

 

АККОРДЕОН НАВИГАЦИЯ С ПОМОЩЬЮ CSS3

 

ДЕМО
ИСХОДНИКИ

 

Творческое анимированое меню на CSS

 

ДЕМО
ИСХОДНИКИ

 

РАСШИРЕННОЕ МЕНЮ С ИЗОБРАЖЕНИЕМ + JQUERY

 

ДЕМО

vk.com/club.ssdru

Подписывайтесь на нашу группу в контакте vk.com/club.ssdru


Статьи по темеjQuery

18 05.2013
Анимированное JavaScript меню

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


09 12.2014
Анимированное JavaScript меню

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


19 04.2013
Анимированное JavaScript меню

Типографика стала играть большую роль в современном веб-дизайнеры. Создавая сайт, мы стали уделять внимание таким мелочам как шрифт и его правильное отображение, некоторые мастера предпочитают репозитории гиганта google со шрифтами, а другие собственные, подключаемые к документу, но можно пойти другим путем, и создать полную анимацию текста, для этого мы будем использовать js. В данном посте мы рассмотрим один из таких примеров. Основная идея состоит в том, что текст состоит из капель, которые можно двигать, а они будут разлетаться.


11 04.2013
Анимированное JavaScript меню

Вкладки стали весьма популярными в структуре сайта, они помогают экономить место на ресурсе и привлекать пользователей своей анимацией при смене закладок. В данном уроке мы рассмотрим процесс организации вкладок для компактного вывода содержания. Для создания таких вкладок и организации внешнего вида, будет использоваться техника CSS3, и подключенная библиота jQuery с репозитория Google, чтобы ускорить загрузку сайта. А сам функционал реализуется несколькими строками JavaScript кода. Такие вкладки будут отлично дополнять дизайн любого сайта..


105 Публикаций

Раскрутка в соцсетях

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


Перейти в Блог

О КОМПАНИИ

Studio Design существует с 2001 года. Основной нашей деятельностью до 2007 года было видеопроизводство ( видеореклама и документальные фильмы, о чем подробно описано в нашем блоге ). С 2007 года, вот уже как лет, наша основная специфика - это создание сайтов для бизнеса или частной деятельности, веб дизайн, а также поддержка и администрирование готовых проектов. Каждая выполненная нами работа - это уникальный, а самое главное, адаптивный под все современные мобильные устройства дизайн сайта. Мы готовы создать сайт с нуля для каждого клиента с любого уголка России! Мы поможем Вам в создании, как одностраничных сайтов – визиток, так и крупных интернет магазинов или корпоративных сайтов. А все наши работы, большинство из которых действуют и по сей день!

Close

Целовальников Сергей


Веб-дизайн, HTML5, CSS3, jQuery, JavaScript, Верстка.

Верстальщик с большим опытом работы. Занимаюсь созданием сайтов с 2005 года. Постоянно обучаюсь и совершенствую свои навыки. Веду свои проекты, в том числе и данный блог.

Close