Замечательное красочное меню с красиво выпадающими подпунктами, которое украсит любую страничку вашего сайта
Установка:
После /head на нужных страницах вставляйте:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/script.js"></script>
Следующий код в то место, где будет само меню:
Code
<ul class="container">
<li class="menu">
<ul>
<li class="button"><a href="#" class="green">Kiwis <span></span></a></li>
<li class="dropdown">
<ul>
<li><a href="#" onclick="$('.button a').eq(2).click();return false;">Open Grapes Section</a></li>
<li><a href="#" onclick="$('.dropdown').slideUp('slow');return false;">Close This Section</a></li>
<li><a href="#">Read on Wikipedia</a></li>
<li><a href="#">Flickr Stream</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu">
<ul>
<li class="button"><a href="#" class="orange">Oranges <span></span></a></li>
<li class="dropdown">
<ul>
<li><a href="#" onclick="$('.button a:last').click();return false;">Open Last Section</a></li>
<li><a href="#">Wikipedia Page</a></li>
<li><a href="#">Flickr Photos</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu">
<ul>
<li class="button"><a href="#" class="blue">Grapes <span></span></a></li>
<li class="dropdown">
<ul>
<li><a href="#">Wiki page</a></li>
<li>Text label 1</li>
<li>Text label 2</li>
<li><a href="#">Flickr Stream</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu">
<ul>
<li class="button"><a href="#" class="red">Strawberries <span></span></a></li>
<li class="dropdown">
<ul>
<li><a href="#">Wiki page</a></li>
<li><a href="#">Strawberry Pie</a></li>
<li><a href="#">Photo Stream</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<div class="clear"></div>
Осталось лишь залить два скрипта из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images Материал подготовлен от http://www.apo-ucoz.com