Мне нужны некоторые коды или открытый исходный код, где мне нужно меню такого типа:
меню 1:
меню 2:
Изображение Меню 1 — это подменю из основной навигации и
Изображение Меню 2 является вертикальным, и если подменю длиннее одного столбца (высота определена как на изображении), оно переходит во второй столбец, а дальнейшее дочернее подменю подменю перемещается вправо, заменяя «Комментарий». ..." как показано на изображениях.
определенная ширина составляет 960 пикселей. (не отвечает)
А это скрипт с минимальным кодом: https://jsfiddle.net/jVfB9/
HTML:
<div id="pageMenu">
<div id="pageMenuWrapper">
<a href="index.html" class="pageMenuLink pageMenuLinkSelected">Menu1</a>
<a href="index.html" class="pageMenuLink">Menu2</a>
<a href="index.html" class="pageMenuLink">Menu3</a>
</div>
</div>
CSS:
#pageMenu{
position:relative;
width:960px;
height:100px;
margin:auto;
}
#pageMenuWrapper{
position:absolute;
top:0px;
left:0px;
height:88px;
}
.pageMenuLink{
float:left;
font-family: 'ProximaNova';
font-size:16px;
display:block;
padding:2px 6px;
color:#000;
text-decoration:none;
line-height:30px;
text-align:center;
}
.pageMenuLink:hover{
background-color:#D8DBE1;
}
.pageMenuLinkSelected{
background-color:#d8dbe1;
}