Выпадающее меню.
Всем привет. Как сделать выпадающее меню?
|
Очередной забаненый гуглом?
|
А может кто-нибудь показать, как создаётся всплывающее меню при наведении мышки только при помощи Div'ов, а не таблиц?
|
Специально для тебя накидал пример
<!DOCTYPE html>
<meta charset="utf-8" />
<style>
.menu li{
position: relative;
display: inline-block;
background: #777;
list-style: none;
padding: 2px 4px;
margin: 2px;
}
.menu a{
color: #fff;
font-family: Arial;
text-decoration: none;
}
.menu li ul{
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
border: 1px solid #777;
margin: 0;
padding: 0;
/*transition: visibility 0.5s, opacity 0.5s;*/
}
.menu li:hover ul{
visibility: visible;
opacity: 1;
}
.menu li li{
display: block;
white-space: nowrap;
}
</style>
<ul class="menu">
<li>
<a href="#">Пункт 1</a>
<ul>
<li><a href="#">Подпункт 1</a></li>
<li><a href="#">Подпункт 2</a></li>
</ul>
</li>
<li>
<a href="#">Пункт 2</a>
<ul>
<li><a href="#">Подпункт 1</a></li>
<li><a href="#">Подпункт 2</a></li>
</ul>
</li>
</ul>
Хм, чета транзишн во фрейме не хочет работать в хроме. Закоментил. |
Большое спасибо, но меня как раз интересует всплывающее меню, не с таблицами, а с дивами.
А так спасибо, конечно большое. в этом коде тоже буду разбираться. |
Цитата:
|
danik.js,
я имею ввиду ul и li |
таблицы это tr и td, а что тогда такое ul и li. если мне память не изменяет, то это обычная колонка, тогда поняно. спасибо.
|
Цитата:
Поголовно используется для разметки меню. |
да. я это проходил полтора года назад. есть ещё ol и li. подзабыл немного. я эти тэги путаю с таблицей.
|
| Часовой пояс GMT +3, время: 14:37. |