Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 24.05.2012
Сообщений: 9
1

Как создать выпадающее меню средствами js?

27.02.2020, 13:42. Просмотров 250. Ответов 4
Метки нет (Все метки)


есть менюшка: Пунк1 Пункт2 Пункт3 Как сделать так что бы при наведении мыши например на пункт 2 выпадали подпункты?

Например вот для такого кода:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<ul class="menu">
   <li class="menu-item">
      <a href="#">Пункт меню 1</a>
      <ul class="sub-menu">
         <li>
            <a href="#">Подпункт меню 1</a>
         </li>
         <li>
            <a href="#">Подпункт меню 2</a>
         </li>
      <li>
            <a href="#">Подпункт меню 3</a>
         </li>>
      </ul>
   </li>
   <li class="menu-item">
      <a href="#">Пункт меню 2</a>
      <ul class="sub-menu">
         <li>
            <a href="#">Подпункт меню 1</a>
         </li>
         <li>
            <a href="#">Подпункт меню 2</a>
         </li>
      </ul>
   </li>
</ul>
ну понятно что сначала все скрыто
HTML5
1
.sub-menu {height: 0; overflow: hidden; opacity: 0; transition: all 0.5s ease-in;}
Так вот вопрос как рациональным и практичным способом все реализовать?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
27.02.2020, 13:42
Ответы с готовыми решениями:

Создать выпадающее меню, как???
Создать выпадающее меню. Текст, выбранный в меню, должен отображаться при нажатии на кнопку в...

Как создать выпадающее меню на кнопке
Как сделать, чтобы при нажатии на кнопку откравылось выпадающее меню

Как создать выпадающее топ меню
Не могу продублировать стандартное вертикальное меню в топ. Вернее могу, но вот в чем беда....

Как создать выпадающее меню поверх формы?
При нажатии на меню с тремя полосками должно появиться миниатюрное меню, как на изображении:

__________________
Помогаю в написании студенческих работ здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
4
Модератор
Эксперт HTML/CSS
1455 / 964 / 462
Регистрация: 13.03.2010
Сообщений: 3,546
27.02.2020, 14:39 2
А обязательно js или можно голым css воспользоваться? Это ж проще на css сделать.
0
0 / 0 / 0
Регистрация: 24.05.2012
Сообщений: 9
27.02.2020, 14:54  [ТС] 3
Ежу понятно что на css быстрее, я умею на нем делать. Мне бы хотелось так сказать помоднее И если меню огромное, там же разметки будет ого го...
0
gogolik
27.02.2020, 15:04
  #4

Не по теме:

x-man, сейчас помоднее и есть без использования js. :D

0
0 / 0 / 0
Регистрация: 24.05.2012
Сообщений: 9
27.02.2020, 15:30  [ТС] 5
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
27.02.2020, 15:30

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Как создать через меню выпадающее окошко (в таблице) со ссылкой на следующую страницу сайта
Добрый день. Не разбираюсь особо в HTML (сайт-визитка мое первое творение http://beads-works.od.ua...

Как прикрепить выпадающее меню к названию в основном меню
Здравствуйте. Сейчас на сайте есть вертикальное меню, и при наведении на какой-либо его пункт,...

Выпадающее меню как в ХР
При нажатии ПКМ на проге на панели задач. Знаю можно зажать shift и нажать пкм, но хочется чтоб без...

Как отцентрировать выпадающее меню?
Вот код выпадающего меню: &lt;html&gt; &lt;head&gt; &lt;title&gt;MGPET&lt;/title&gt; &lt;link rel = &quot;shortcut icon&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.