Собраны 12 меню на чистом CSS - без картинок и Javascript. Разметка для всех меню одинаковая - разница только в стилях оформления.
Главаня идея заключается в том, что у нас есть большая ссылка с названием и текст с описанием под ней. Описание может быть спрятано с помощью visibility:hidden и потом показано при наведении мышки на элемент. Название и описание находятся в и это позволяет нам им оформить как угодно.
Посматреть Демо
Базовая разметка:
Code
<div id="menu1">
<ul>
<li><a href="">
<span class="title">About</span>
<span class="text">Who we are</span>
</a>
</li>
<li><a href="">
<span class="title">Portfolio</span>
<span class="text">What we do</span>
</a>
</li>
<li><a href="">
<span class="title">Blog</span>
<span class="text">What we talk about</span>
</a>
</li>
<li><a href="">
<span class="title">Contact</span>
<span class="text">How to get in touch</span>
</a>
</li>
</ul>
</div>
Иходник - сервер 1
Исходник - сервер 2
