Ротация контента, как и параллакс эффект, довольно часто встречается на веб-сайтах. В этой статье мы опишем проблему и различные методы jQuery, позволяющие чередовать контент, но уже без проблем с доступностью.
jQuery – прекрасная библиотека, существенно разнообразившая в последние годы подходы разработчиков к решению стоящих перед ними задач. При появлении jQuery CSS не могла создавать сложные анимации; для их создания использовался JavaScript. jQuery упростила создание анимации на порядок. Библиотека содержит простейшие анимации (fadeIn(), hide(),slideDown() и т.д.) и позволяет создавать любую анимацию с помощью метода animate(). Описанию этого метода и посвящена эта статья.
Современным браузерам доступны все вкусности HTML5 и CSS3. К основным отличительным особенностям можно отнести свойство CSS transition. Переходы (transition) позволяют анимировать элементы страницы просто и элегантно без использования javascript.
К любой большой странице с четким и хорошо сконструированным контентом желательно, а иногда и необходимо, добавлять оглавление. Оглавление в вебе позволяет быстро перейти к нужному разделу (секции). Конечно, вы можете создать оглавление вручную, но будет гораздо умнее построить такое оглавление на лету, используя javascript. Это справедливо по нескольким причинам:
В этой статье я покажу, как создать простое модальной окно, используя jQuery. Если вы не знаете, что такое модальной окно, перейдите по кнопке demo. Там вы сможете в полной мере узнать, что такое модальное окно.
Однажды меня посетила идея создать такую навигацию, в которой активный элемент (элемент на который наведен курсор мыши) как бы представлял собой верхнюю ступеньку, в то время как другие элементы, стоящие после и перед активным элементом, последовательно отображались бы как ступеньки с постепенно уменьшающейся высотой. Это просто, но вы редко где встретить такой эффект. Возможно, потому что вы не имеете возможности выбрать «предыдущий элемент», используя только CSS.
Подсказка это небольшой всплывающий блок, который проявляется в момент наведения мышки на элемент-триггер. Этот всплывающий блок содержит краткую информацию об элементе-триггере.
В этой статье вы узнаете, как создать анимированный логотип, причем логотип плавно изменит свой внешний вид при наведении на него курсора мышки.
Как создать анимированную ссылку , при нажатии которой реализуется скроллинг к верху страницы.
Думаю, заходя на youtube, вы заметили "изменить размер" свойство, которое позволяет переключаться между нормальным и широким режимом и таким образом увеличивать/уменьшать видео-окно.