UI-компоненты №11. Выпадающее меню
HTML-код
- Опубликовано: 21 ноя 2021
- Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей.
В связи с этим, сделал новую рубрику UI-компоненты, которая будет посвящена разным реализациям с различных сайтов, которые часто встречаются.
Здесь я буду стараться сделать универсальную верстку, чтоб данный компонент можно было внедрить на сайт без проблем. Также можно не беспокоиться и за сборщики/препроцессоры и прочие нюансы - здесь я пишу на чистых языках - html, css, js.
В этой части я сделаю выпадающее меню по клику.
github.com/maxdenaro/maxgraph... - готовая верстка на GitHub
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxgraph
Чат для верстальщиков: teleg.run/maxgraph_chat
#ityoutubersru #ui_компоненты #верстка
Большое спасибо за твой труд! Качественно и доступно.
Не ждал этот ролик так быстро )) Спасибо большое за качественный контент !!
Пожалуйста)
Даже не посмотрел, уже ставлю лайк. Так как 100% уверен что годнота
Спасибо)
Спасибо за простоту и качество!
Пожалуйста)
Максиму огромное спасибо за dropdown menu !
Огромное спасибо!
спасибо большое
Для полноты картины, можно было бы реализовать перемещение по пунктам меню с клавиатуры (таб, стрелки).
😍👍
👍
Спасибо!
Пожалуйста)
Максим, может быть не самое подходящее решение вешать обработчик на все кнопки? А, например, применить делегирование, и повесить обработчик на меню, и уже искать наши кнопки
Может быть) но мне удобнее так.
А можно как то сделать так, чтобы кнопка пункта после клика открывал дроп (как сейчас), а повторное нажатие переходило бы на страницу
Ну тут можно смотреть, если класс добавляется - через js отправлять пользователя куда-то по второму клику. Но вообще сомнительно, что нужен такой функционал
Когда-то для подменю использовали jQ плагин superfish. Я так понял, в 2021 году он уже не нужен? интересно, кто-то еще использует?
Не нужен)
Как раз сегодня есть такая задача! Вроде сделал с помощью choices js , но как-то криво вышло, с удовольствием бы сделал лучше.
Ну здорово)
По бэм class перед href🤗
Мм, нет)
многоуровневое меню было бы лучше
такое меню менее применимо
Оно уже есть на канале
@@eugeneshiyan да, хотелось бы увидеть как верстают меню интернет магазинов. citilink, e-katalog. Я б если можно было, 350 лайков поставил бы
Может быть)