Многоуровневое выдвигающееся меню имеет свои плюсы. Оно не раздражает пользователя своим постоянным присутствием (т.к. может вызываться по желанию самого пользователя) и позволяет сэкономить место на сайте. При такой организации пункты меню накладываются друг на друга во время навигации пользователя.
JavaScript
Красивое оформление выпадающего списка на CSS3 и jQuery
Насколько дизайн вашего сайта соответствует нынешним представлениям о современном дизайне? Если Вы в глубине души опасаетесь новых технологий или считаете их априори чем-то сложным и запутанным — вы заблуждаетесь. Большинство современных технологий создаются с целью максимально облегчить работу человека и CSS3 не исключение. Рассмотрим, к примеру, способы оформления выпадающего списка с помощью CSS3 и jQuery.
Всплывающее окно с формой подписки на jQuery
Сбор подписной базы чрезвычайно важен. Что же это такое? Идея сбора подписной базы состоит в том, чтобы люди, посещающие Ваш сайт, оставили свои координаты. Наиболее распространенным типом контактной информации собираемой для контактной базы, является электронная почта. Один из популярных методов сбора email-ов пользователей — окно подписки на обновления содержимого сайта. Чаще всего оно делается в виде всплывающего (модального) окна.
Увеличение картинки с помощью jQuery (эффект лупы)
Детали имеют значение. В особенности, если Вы что-то продаете. Как сделать так, чтобы пользователь имел возможность рассмотреть изображение на сайте в максимальном приближении? Этот вопрос легко решается с помощью удобного плагина. После установки достаточно навести курсор с увеличительным стеклом на фрагмент изображения, и у Вас появится возможность увидеть каждый сантиметр сфотографированного предмета. Для этого нам понадобится jQuery.
Эффект размытия при просмотре изображений
Вы не раз сталкивались с различными способами оформления галерей — от стандартных галерей WordPress до созданных с помощью специальных плагинов. Кроме того возможна интеграция самых интересных и необычных эффектов. В этой статье мы рассмотрим эффект размытия в момент переключения изображений. Для этого применяется технология SVG.
Раскрывающийся по клику блок на jQuery
В веб-разработке очень часто применяется прием раскрывающихся блоков. Самым простым примером может служить раскрытие спойлеров. Содержимое раскрывающихся блоков может быть абсолютно любым. Если применять jQuery, можно получить максимальную эффективность при минимальных затратах времени. К тому же, можно добавить эффекты к закрытию и открытию блока.
Фиксированное горизонтальное меню вверху сайта на jQuery
Разберем способ создания меню, зафиксированного вверху сайта. Для этого есть несколько способов – используя каскадные таблицы стилей либо jQuery. Используя CSS, можно просто закрепить меню в определенном положении. Однако такой способ недостаточно гибок, поэтому лучше прибегнуть к jQuery. При использовании jQuery меню имеет различные виды в начальном состоянии и во время прокрутки. Во время прокрутки оно будет закреплено вверху страницы.
Красивый стиль оформления для input
В этой статье вы узнаете как изменить оформление тега, используя плагин jQuery Label Better. С помощью этого расширения можно улучшить оформление элементов формы тега. Среди особенностей плагина можно отметить простоту использования – нужно только прописать атрибут placeholder, а label будет создан, при необходимости, автоматически.
Исчезающий текст в форме поиска (input)
Каждый человек хотя бы раз пользовался окном поиска на сайтах. В окне находится серый текст (это могут быть фразы “Поиск…”, “Найти…” или указания на то, что необходимо ввести в поле). При постановке курсора серый текст исчезает, и пользователь может вводить необходимый запрос.
Делаем активный пункт меню с помощью JavaScript
Ваш сайт может быть продуман до мелочей, но если Вы не стали уделять внимание максимально удобному оформлению меню, то сайт едва ли можно назвать комфортным. Итак, для того чтобы оформить активный пункт меню, обратимся за помощью к CSS и одному простому коду JavaScript. С ними можно легко и просто сделать меню более удобным в использовании.