Автор

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

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

Сегодняшний ресурс - это легко настраиваемая, гибкая новостная лента. Мы использовали некоторые трюки CSS3 и немного jQuery для создания анимаций, которые влияют только на пользователей настольных компьютеров, тогда как на мобильных устройствах структура более минимальна.


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

Галерея-это универсальное средство, которое помогает красиво организовать картинки на сайте. Различный креативный подход к поставленному вопросу позволяет привлечь не только внимание пользователя к необходимому материалу, но и добавить изюминку на сайт. В данном уроке мы рассмотрим как создать достаточно простую и практичную галерею с эффектом скольжения изображений справа на лево при помощи jquery и небольших стилей css. Основная идея состоит в том, что фокусировка направлена на одно изображение, а при выборе другого происходит скольжение.


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

Вчера рылся в инете на предмет найти что-то интересное и удача не обошла меня стороной, я нарыл на зарубежном сайте этот пример Parallax Scroll Effects, правда пришлось немного повозиться чтоб его скачать, а точнее сохранить себе. Буквально около 3 часов мытарства собрал всё воедино, и теперь вы сможете оценить, скачать и использовать в своих нуждах этот пример!


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

Курсор, или указатель мыши, при просмотре сайтов в интернете обычно имеет вид стрелки, а при наведении на гиперссылки принимает вид руки-указателя. Между тем, в HTML предусмотрено большое разнообразие изображений курсора и их грамотное применение может быть весьма полезно веб-дизайнерам. Простыми средствами с помощью стилей можно переопределить вид курсора и выбрать один из более десяти доступных вариантов.


105 Публикаций

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

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


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

О КОМПАНИИ

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

Close

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


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

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

Close