Просмотр поста

_SPECIAL_ (09.03.2012/23:05)
Onatolich, можешь такое сделать, при наведении на ссылку, вниз выежало меню где можно было нажать на ссылку

#nav, #nav ul{margin: 0; list-style: none;}
#nav li{color: #fff; float: left; background: #555;}
#nav a{color: #fff; display: block; padding: 4px; width: 10em;}
#nav li ul{position: absolute; width: 11em; left: -999em;}
#nav li ul, #nav li ul li{background: #777;}
#nav li a:hover{background: #999;}
#nav li:hover ul, #nav li ul:hover{left: auto;}

<div id="nav">
<ul>
<li><a>Меню1</a>
<ul>
<li><a>Ссылка</a></li>
<li><a>Ссылка</a></li>
<li><a>Ссылка</a></li>
</ul>
</li>
<li><a>Меню2</a>
<ul>
<li><a>Ссылка</a></li>
<li><a>Ссылка</a></li>
<li><a>Ссылка</a></li>
</ul>
</li>
<li><a>Меню3</a>
<ul>
<li><a>Ссылка</a></li>
<li><a>Ссылка</a></li>
<li><a>Ссылка</a></li>
</ul>
</li>
</ul>
</div>

$('#nav li ul').css({display: 'none', left: 'auto'});
$("#nav li").hover(function(){$(this).find('ul').stop(true, true).slideDown('fast');},
function(){$(this).find('ul').stop(true, true).fadeOut('fast')});