McSery
Здравствуйте.
McSery написал(а):
Скажите как сделать что бы при нажатии показывалось меню как например в Твиттере?
Код:
<ul id="menu-css" align="center">
<li>1
<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
<li>Подсказка 4</li>
<li>Подсказка 5</li>
</ul>
</li>
<li>2<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
<li>Подсказка 4</li>
<li>Подсказка 5</li>
</ul>
</li>
<li>3<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
<li>Подсказка 4</li>
<li>Подсказка 5</li>
</ul>
</li>
<li>4<ul>
<li>Подсказка 1</li>
<li>Подсказка 2</li>
<li>Подсказка 3</li>
<li>Подсказка 4</li>
<li>Подсказка 5</li>
</ul>
</li>
</ul>
<style type="text/css">
#menu-css li {
position: relative;
float: left;
padding: 0.5em 1em;
margin: 5px;
background-color: #fff0f5;
width: 100px;
text-align: center;
border: 1px solid #000;
}
#menu-css li:hover {
background-color: #ffe4e1;
}
#menu-css li ul {
position: absolute;
z-index: 1000;
top: 25px;
left: -0.2em;
display: none;
}
#menu-css li ul li {
border: 1px solid black;
margin: 1px;
background-color: #e6e6fa;
}
#menu-css li:hover ul {
display: block;
}
#menu-css li:hover ul li {
background-color: #e6e6fa;
margin: 0;
}
#menu-css li:hover ul li:hover {
background-color: #f0ffff;
}
</style>Отредактировано rps (Чт, 7 Апр 2011 22:44:19)
мне бы хоть одну кнопу для примера.. 
дальше я сам..
