Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 21.10.2016, 21:25   #1
kotbezusov
 
Регистрация: 21.10.2016
Сообщений: 7
Репутация: 10
По умолчанию Как сделать выпадающее меню?

Хочу сделать, чтобы после нажатия на ссылку выпадало меню (не при наведении!). К примеру, так как и на этом сайте: после нажатия на Сообщество выпадает подменю. Как это сделать ?
kotbezusov вне форума   Ответить с цитированием
Старый 21.10.2016, 21:42   #2
ura_111
Профессионал
 
Регистрация: 14.05.2016
Сообщений: 1,793
Репутация: 354
По умолчанию

Так что ли?

https://www.youtube.com/watch?v=etBlGtM4d_w
https://www.youtube.com/watch?v=ZK1l2f1QkrY

https://www.youtube.com/watch?v=FL_odxf4zq4



Вроде это то, что нужно:
https://www.youtube.com/watch?v=TmQm-p3wCSU

Последний раз редактировалось Вадим Мошев; 21.10.2016 в 22:37.
ura_111 вне форума   Ответить с цитированием
Старый 23.10.2016, 02:06   #3
predefined
Форумчанин
 
Регистрация: 01.08.2016
Сообщений: 182
Репутация: 118
По умолчанию

Цитата:
Сообщение от kotbezusov Посмотреть сообщение
К примеру, так как и на этом сайте: после нажатия на Сообщество выпадает подменю. Как это сделать ?
И что не посмотрите как это сделано в html-коде страницы этого форума?
А работу яваскриптов можно посмотреть в отладчике любого браузера.
predefined вне форума   Ответить с цитированием
Старый 23.10.2016, 02:36   #4
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 17,111
Репутация: 3316

icq: 512-765
skype: alexp.frl
По умолчанию

да там ж куча всяких таблиц для всего подряд и т.п., вряд ли стоит учиться на примере движка созданного 10-15 лет назад
Alex11223 на форуме   Ответить с цитированием
Старый 23.10.2016, 23:43   #5
predefined
Форумчанин
 
Регистрация: 01.08.2016
Сообщений: 182
Репутация: 118
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
да там ж куча всяких таблиц для всего подряд и т.п., вряд ли стоит учиться на примере движка созданного 10-15 лет назад
В целом - да. Но базовые принципы - вечны, меняются лишь нюансы реализации. Тогда вот посовременнее и без лишнего "мусора":

1. выпадающее меню на чистом CSS(без яваскриптов) с демо и объяснением что и как

2. выпадающее меню на jQuery + CSS с демо и объяснением что и как

3. и, наконец, все возможные варианты выпадающих меню, горизонтальных, вертикальных, многоуровневых, меню-аккордеонов, адаптивных, с управлением мышкой и с тач-скрина.

А потом, если что непонятно - уже сюда с конкретными вопросами.

Последний раз редактировалось predefined; 23.10.2016 в 23:49.
predefined вне форума   Ответить с цитированием
Старый 08.06.2017, 13:34   #6
Александр UI
Новичок
 
Регистрация: 08.06.2017
Сообщений: 5
Репутация: 10
По умолчанию

Цитата:
Сообщение от kotbezusov Посмотреть сообщение
Хочу сделать, чтобы после нажатия на ссылку выпадало меню (не при наведении!)
хех. что самое забавное - ни один из примеров выше как раз не имеет этого ("не при наведении") )
Александр UI вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
хочу сделать выпадающее меню SCC wait HTML и CSS 2 29.08.2012 08:59
Как включить выпадающее меню Denis_nn Visual C++ 0 14.05.2012 11:40
Как сделать в тексте выпадающее меню _Vladimir_ Microsoft Office Word 3 02.02.2012 14:58
Как сделать выпадающее меню динамическим koval911 Microsoft Office Excel 5 12.11.2010 16:54


00:29.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru