Технологии
Выпадающее меню - вопрос №328431
Здравствуйте! Подскажите пожалуйста как реализовать горизонтальное выпадающее меню в три уровня на css, так что бы пункты выпадали не на одной строке с родителем, а с самого первого пункта, то есть фиксировано. К примеру как на ozon.ru. Хотя бы с помощью чего мне достичь фиксации!
август 13, 2012 г.
-
Всего ответов: 1
-
<style type=«text/css»>
.ul {float: left; border: 1px solid black;display:none;list-style:none;}
.explicit {display: block;}
.ul li:hover {background-color:#cccccc;}
</style>
<script type=«text/javascript»>
function showul2() {
var ul2 = document.getElementById('ul2');
ul2.setAttribute(«class», «ul explicit»);
}
function showul3() {
var ul2 = document.getElementById('ul3');
ul2.setAttribute(«class», «ul explicit»);
}
</script>
<ul class=«ul explicit» id=«ul1»>
<li onmouseover=«showul2()»>Punkt1</li>
<li onmouseover=«showul2()»>Punkt2</li>
<li onmouseover=«showul2()»>Punkt3</li>
</ul>
<ul class=«ul» id=«ul2»>
<li onmouseover=«showul3()»>Punkt4</li>
<li onmouseover=«showul3()»>Punkt5</li>
<li onmouseover=«showul3()»>Punkt6</li>
</ul>
<ul class=«ul» id=«ul3»>
<li>Punkt7</li>
<li>Punkt8</li>
<li>Punkt9</li>
</ul>
Похожие вопросы
Решено
Посоветуйте какой-нибудь генератор-конструктор одностраничников. Чтобы можно было найти шаблоны под него. Как, например, под Wordpress, OpenCart, и т.д.
май 11, 2014 г.
Здрасвуйте,если программа для накрутки слушателей или можно ли ее создать?
июль 19, 2013 г.