Создание выпадающего меню
(с)mkusher
Первым действием создадим небольшой список, который в последствии и станет нашим меню
Код:
<ul id="menu-css"> <li>1<ul><li>Подсказка 1</li></ul></li> <li>2<ul><li>Подсказка 2</li></ul></li> <li>3<ul><li>Подсказка 3</li></ul></li> <li>4<ul><li>Подсказка 4</li></ul></li> </ul>
и предадим ему вид горизонтального меню
Код:
<style type="text/css">
#menu-css
{
margin: 0;
padding: 0;
list-style: none;
}
#menu-css li
{
position: relative;
float: left;
margin: 3px;
}
</style>Теперь спрячем подсказки, ведь они должны появляться только при наведении мышки
Код:
<style type="text/css">
li ul
{
position: absolute;
display: none;
border: 1px solid black;
background: #DADADA;
}
</style>Ну и наконец, последним действием мы заставим подсказку появляться при наведении мышки на текст
Код:
<style type="text/css">
li:hover ul{display: block;}
</style>
