Выпадающее меню с применением HTML и CSS

Внедряем CSS в HTML. JavaScript.
cefp
Сообщения: 338
Зарегистрирован: Ср окт 17, 2012 6:49 pm
Поблагодарили: 3 раза

Выпадающее меню с применением HTML и CSS

#1

Сообщение cefp » Вт фев 10, 2015 10:35 am

Необходимо сделать всплывающее меню на HTML и CSS. Так чтобы при нажатии по кнопке меню, оно раскрывалось и человек мог выбрать в выпадающем списке, нужный ему пункт меню. Я нашел инструкции как сделать на HTML и CSS меню, которое выпадает при наведении мыши. Нашел как сделать на яваскрипте выпадающее меню по нажатию кнопки мыши. Вообще, возможно сделать такое меню без яваскрипта?
d o h o d - s - n u l y a .ru - идеи бизнеса.

Реклама
Аватара пользователя
Slash
Администратор
Сообщения: 2207
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Re: Выпадающее меню с применением HTML и CSS

#2

Сообщение Slash » Вт фев 10, 2015 1:53 pm

cefp писал(а):Вообще, возможно сделать такое меню без яваскрипта?
Как то так:

Код: Выделить всё

.menu
{
    margin: 10px;
}

.rex
{
    display: none;
}

.menu:active .rex
{
    display: block;
} 

Код: Выделить всё

<div class="menu">
    <div>Нажми</div>
        <div class="rex">Содержимое появится при нажатии</div>
</div> 

cefp
Сообщения: 338
Зарегистрирован: Ср окт 17, 2012 6:49 pm
Поблагодарили: 3 раза

Re: Выпадающее меню с применением HTML и CSS

#3

Сообщение cefp » Вт фев 10, 2015 3:36 pm

Во, спасибо, то что надо. Про состояние "active" я и не знал, а может не замечал. Буду тестировать.
d o h o d - s - n u l y a .ru - идеи бизнеса.

cefp
Сообщения: 338
Зарегистрирован: Ср окт 17, 2012 6:49 pm
Поблагодарили: 3 раза

Re: Выпадающее меню с применением HTML и CSS

#4

Сообщение cefp » Сб фев 14, 2015 11:33 am

Интересно, почему популярные сайты используют яваскрипт в таких случаях.
d o h o d - s - n u l y a .ru - идеи бизнеса.

exSiter
Сообщения: 1
Зарегистрирован: Чт июн 08, 2017 10:18 pm

Re: Выпадающее меню с применением HTML и CSS

#5

Сообщение exSiter » Чт июн 08, 2017 11:17 pm

тут как, помогут? нужно как раз Выпадающее меню . пример - {удалено} (первое что попалось, такие счас на каждом втором, начиная с гугла - выбор Языка / Страны / опции) - справа в верхней полоске, со стрелкой. Требования:
- раскрывается по нажатию;
- сворачиваться по нажатию там же, или же по клику в любом месте;
- неплохо бы возможность ставить рядом также кликабельную иконку
- желателен выбор варианта - раскрывать вниз или же вбок.

..хотя вроде и "на каждом втором", но - найти код для такого, копаясь в гуглах, не удалось..
зы: правда насколько понял - иметь такое только на CSS3/5 - нельзя, только +какойнить JS. возможно..

Ответить Пред. темаСлед. тема

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей