Эффекты на основе Java Script, jQuery и т.д.

Вертикальное меню с подменю и анимацией

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

В этот скрипт вынесены стили, стрелочки и параметры меню. Я подробно этот скрипт не описываю, т.к. он является урезанным вариантом и там всё подписано очень подробно. Здесь всё достаточно просто и Вы сами должны разобраться.

Внутри тега <BODY> - </BODY> там где у Вас будет меню.

<div class="m1">
<div><div><div style="display:none;">
<ul id="imenus0">

<li  style="width:138px;"><a href="#" target="_new">Основное Меню</a>

	<div><div style="width:140px;top:0px;left: -1px;"><ul style="-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;">
	
	<li><a href="#">Сайты мого проекта</a>
	
	    <div><div style="width:140px;top:-19px;left:123px;"><ul>
		    <li><a href="http://webkpb.ucoz.ru" target="_blank" title="Библиотека Flash">WebKPB</a></li>
		    <li><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Магазин дизайнов">KPBshablon</a></li>
		    <li><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Моя WEBстудия">KPBwebStudio</a></li>
		    <li><a href="http://skriptkpbstudio.ucoz.ru" target="_blank" title="Библиотека JavaScript, jQuery и т.д.">ScriptKPB</a></li>
		</ul></div></div>
	   </li>
	   
	<li><a href="#">Mission & Goals</a></li>
	<li><a href="#">History</a></li>
	<li><a href="#">Management</a></li>
	<li><a href="#">Work Center</a></li>
	<li><a href="#">Press Center</a></li>
	<li><a href="#">Worldwide</a>
		<div><div style="width:140px;top:-19px;left:123px;"><ul>
		<li><a href="#">Europe</a></li>
		<li><a href="#">Asia</a></li>
		<li><a href="#">US & Canada</a>
		    <div><div style="width:140px;top:-19px;left:123px;"><ul>
		    <li><a href="#">Europe</a></li>
		    <li><a href="#">Asia</a></li>
		<li><a href="#">US & Canada</a></li>
		<li><a href="#">Mexico</a></li>
		<li><a href="#">Australia</a></li>
		<li><a href="#">Middle East</a></li>
		</ul></div></div>		</li>
		<li><a href="#">Mexico</a></li>
		<li><a href="#">Australia</a></li>
		<li><a href="#">Middle East</a></li>
		</ul></div></div></li>
	<li><a href="#" target="_new">Directors</a>
		<div><div style="width:140px;top:-18px;left:123px;"><ul>
		<li><a href="#">Overview</a></li>
		<li><a href="#">Electronics</a></li>
		<li><a href="#">Fire & Security</a></li>
		<li><a href="#">Healthcare</a></li>
		<li><a href="#">Plastics & Adhesives</a></li>
		<li><a href="#">Engineered Producs</a></li>
		<li><a href="#">Tyco Worldwide</a></li>
		</ul></div></div></li>
	<li><a href="#" target="_new">Worldwide</a>
		<div><div style="width:140px;top:-18px;left:123px;"><ul>
		<li><a href="#">Europe</a></li>
		<li><a href="#">Asia</a></li>
		<li><a href="#">US & Canada</a></li>
		<li><a href="#">Mexico</a></li>
		<li><a href="#">Australia</a></li>
		<li><a href="#">Middle East</a></li>
		</ul></div></div></li>
	<li><a href="#">Customers</a></li>
</ul>
</div></div></li>
</ul>
<div style="clear:left;"></div></div></div></div>
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/850/wertik_menu_s_podmenu_i_anim.js"></script>
</div>

Впринципе, основное прописано. Здесь в качестве примера приведена структура меню. Вы пропишите свою. Но по этому примеру Вы легко должны понять как это сделать. Колличество ссылок в основном меню, колличество поддменю, колличество их вложений и колличество ссылок в каждом из них на Ваше усмотрение.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.