JavaScript: последовательный показ элементов
![]() |
Размер: 40,5 Мб. Длительность: 22 мин. 15 сек. |
В этом видеоуроке Вы узнаете, как средствами JavaScript можно реализовать последовательное отображение на экране нескольких элементов.
Данный эффект можно применять в самых различных случаях: для отображения мини-галереи из фотографий, вывода на экран списка товаров и их описаний, формирования меню сайта и т.д.
По сути, Вы можете использовать данный прием для последовательного вывода блоков с любой информацией.
Мы рассмотрим пример, в котором будем выводить небольшие иллюстрации с подписями, наподобие пунктов навигационного меню сайта.
В самом простом случае можно сделать так, чтобы элементы автоматически последовательно отображались сразу после загрузки страницы (это актуально, например, когда мы применяем данный эффект для создания меню сайта).
Кроме того, мы можем сделать так, чтобы отображение элементов начиналось только после наступления определенного события, например, клика мыши по определенной ссылке и т.п.
При этом можно сделать так, чтобы при повторном клике происходило скрытие уже отображенных элементов. Это удобно, когда нам нужно показать пользователю некоторую информацию "по требованию".
Разумеется, у нас будет возможность управлять эффектом появления элементов и скоростью этого процесса.
Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:
— Регулярная проверка качества ссылок по более чем 100 показателям и ежедневный пересчет показателей качества проекта.
— Все известные форматы ссылок: арендные ссылки, вечные ссылки, публикации (упоминания, мнения, отзывы, статьи, пресс-релизы).
— SeoHammer покажет, где рост или падение, а также запросы, на которые нужно обратить внимание.
SeoHammer еще предоставляет технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Зарегистрироваться и Начать продвижение
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
50 классных сервисов, программ и сайтов для веб-разработчиков |
|