Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Бесплатный Курс "Практика HTML5 и CSS3"
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
*Наведите курсор мыши для приостановки прокрутки.
JavaScript: последовательный показ элементов
Размер: 40,5 Мб. Длительность: 22 мин. 15 сек. |
В этом видеоуроке Вы узнаете, как средствами JavaScript можно реализовать последовательное отображение на экране нескольких элементов.
Данный эффект можно применять в самых различных случаях: для отображения мини-галереи из фотографий, вывода на экран списка товаров и их описаний, формирования меню сайта и т.д.
По сути, Вы можете использовать данный прием для последовательного вывода блоков с любой информацией.
Мы рассмотрим пример, в котором будем выводить небольшие иллюстрации с подписями, наподобие пунктов навигационного меню сайта.
В самом простом случае можно сделать так, чтобы элементы автоматически последовательно отображались сразу после загрузки страницы (это актуально, например, когда мы применяем данный эффект для создания меню сайта).
Кроме того, мы можем сделать так, чтобы отображение элементов начиналось только после наступления определенного события, например, клика мыши по определенной ссылке и т.п.
При этом можно сделать так, чтобы при повторном клике происходило скрытие уже отображенных элементов. Это удобно, когда нам нужно показать пользователю некоторую информацию "по требованию".
Разумеется, у нас будет возможность управлять эффектом появления элементов и скоростью этого процесса.
Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
50 классных сервисов, программ и сайтов для веб-разработчиков |
|