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

Внедряем CSS в HTML. JavaScript.
cefp
Сообщения: 333
Поблагодарили: 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
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

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

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

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

Как то так:

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

.menu
{
    
margin10px;
}

.
rex
{
    
displaynone;
}

.
menu:active .rex
{
    
displayblock;

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

<div class="menu">
    <
div>Нажми</div>
        <
div class="rex">Содержимое появится при нажатии</div>
</
div
cefp
Сообщения: 333
Поблагодарили: 3 раза

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

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

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

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

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

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

Вернуться в «HTML + CSS»

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

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