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

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

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

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

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

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

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

Сообщение 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
Сообщения: 332
Зарегистрирован: Ср окт 17, 2012 6:49 pm
Поблагодарили: 3 раза

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

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

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

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

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

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

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

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

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

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