• Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
  • Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта

JavaScript: последовательный показ элементов

Размер: 40,5 Мб.

Длительность: 22 мин. 15 сек.

Скачать видеоурок

Пример

В этом видеоуроке Вы узнаете, как средствами JavaScript можно реализовать последовательное отображение на экране нескольких элементов.

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

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

Мы рассмотрим пример, в котором будем выводить небольшие иллюстрации с подписями, наподобие пунктов навигационного меню сайта.

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

Кроме того, мы можем сделать так, чтобы отображение элементов начиналось только после наступления определенного события, например, клика мыши по определенной ссылке и т.п.

При этом можно сделать так, чтобы при повторном клике происходило скрытие уже отображенных элементов. Это удобно, когда нам нужно показать пользователю некоторую информацию "по требованию".

Разумеется, у нас будет возможность управлять эффектом появления элементов и скоростью этого процесса.

Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.


P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!


Смотрите также:

50 классных сервисов, программ и сайтов для веб-разработчиков

50 классных сервисов, программ и сайтов для веб-разработчиков

Как прописать DNS-серверы для домена?

Как прописать DNS-серверы для домена?

Как создать почтовый ящик со своим доменом?

Как создать почтовый ящик со своим доменом?

Как купить занятый домен?

Как купить занятый домен?

Как продлить доменное имя?

Как продлить доменное имя?

Как выбрать и зарегистрировать домен?

Как выбрать и зарегистрировать домен?

10 вещей, которые сведут с ума посетителей вашего сайта

10 вещей, которые сведут с ума посетителей вашего сайта

Добавляем будильник к цифровым часам на CSS3 и jQuery

Добавляем будильник к цифровым часам на CSS3 и jQuery

Как сделать цифровые часы с помощью CSS3 и jQuery?

Как сделать цифровые часы с помощью CSS3 и jQuery?

Плавная прокрутка страницы вверх на jQuery

Плавная прокрутка страницы вверх на jQuery

JavaScript без jQuery: 10 советов

JavaScript без jQuery: 10 советов

Наверх