Расскажу Вам сегодня о простом, интересном и красивом меню. Поехали.
Что нам потребуется:
2 картинки. 1 фон, 2 спрайт.
Заливаем содержимое архива (папку nicemenu) в корень сайта.
Теперь коды.
1) CSS
Между head и /head вставляем:
Code
<link rel="stylesheet" type="text/css" href="/nicemenu/stylemenu.css" />
2) JS
В конец страницы, перед /body вставляем:
Code
<script type="text/javascript" src="/nicemenu/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/nicemenu/js/sprite.js"></script>
3) HTML
Код вообще коротенький:
Code
<div id="nav">
<ul id="navigation">
<li><a class="home" href="#"></a></li>
<li><a class="services" href="#"></a></li>
<li><a class="portfolio" href="#"></a></li>
<li><a class="about" href="#"></a></li>
<li><a class="contact" href="#"></a></li>
</ul>
</div>
Css тоже короткий и простой. Если будет необходимо описать, пишите в комментах. Всем удачи
Источник: www.unicegroup.ru