lyndacom/LinkedIn Learning
Площадка видеокурсов по разным направлениям разработки а также интернет-маркетинга. В своем архиве имеет множество интересных курсов.
Создание расширяемых панелей с помощью jQuery
Creating Expandable Panels with jQuery
★3.7 (всего оценок - 12)
Продолжительность
0 ч 46 мин
Категория
JQueryКоличество уроков
14 Видео
Дата добавления
2 мая 2017 г., 00:00
Язык
Английский
Дата обновления
15 нояб. 2017 г., 00:09
Научитесь создавать контент, который можно развернуть одним щелчком мыши. Этот метод очень популярен для предоставления дополнительной информации по запросу, например, часто задаваемых вопросов, биографий или дополнительной информации о продукте.
В этом курсе Chris Converse показывает, как создать код HTML, CSS и jQuery, необходимый для расширяемой панели контента, которая скрывает и отображает содержимое по запросу пользователя.
Узнайте, как внедрить дополнительную разметку, настроить различные элементы панели, задать триггерные состояния и анимировать панель, чтобы открыть скрытый контент.
- Урок 1.00:01:06Welcome
- Урок 2.00:00:58About the exercise files
- Урок 3.00:04:15Add HTML for the panel container
- Урок 4.00:02:26Add jQuery to our project
- Урок 5.00:01:13Inject and manipulate HTML
- Урок 6.00:04:59Create the functions for injecting HTML
- Урок 7.00:03:01Inject the trigger elements
- Урок 8.00:04:37Inject the content containers
- Урок 9.00:04:56Style the trigger element
- Урок 10.00:03:03Style the content elements
- Урок 11.00:05:07Gather information about the hidden content
- Урок 12.00:02:51Set the state of the panel
- Урок 13.00:07:28Animate the content into view
- Урок 14.00:00:41Where to go from here
Автор - lyndacom/LinkedIn Learning
Другие материалы в этой категории
Комментарии