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

Горизонтальное меню с подменю

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

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

Все стили и параметры меню и картинки стрелок задаются в CSS таблице, файл goriz_menu.css. Если Вы хотите что-то изменить Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения. В отдельный скрипт вынесены параметры которые я посчитал что есть смысл вынести. Я подробно этот скрипт не описываю, там все достаточно просто и Вы сами должны разобраться.

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

<ul id="qm0" class="qmmc" style="background: #00003f; width: 664px;">
<li><a class="qmparent" href="javascript:void(0)">Tech Divisions</a>
<ul>
<li><a href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>
    <ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a class="qmparent" href="javascript:void(0)">South America</a>
     <ul>
<li><a href="javascript:void(0)">Ссылка 1</a></li>
<li><a href="javascript:void(0)">Ссылка 2</a></li>
<li><a href="javascript:void(0)">Сссылка 3</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe654</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
    </ul>
</li>
<li><a href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North America</a></li>
<li><a href="javascript:void(0)">Europe654</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
    </ul></li>
<li><a class="qmparent" href="javascript:void(0)">Investors</a>
    <ul>
<li><a href="javascript:void(0)">Sony</a></li>
<li><a href="javascript:void(0)">Fed-Ex</a></li>
<li><a href="javascript:void(0)">Corp. A and B</a></li>
<li><a href="javascript:void(0)">Smuckers</a></li>
<li><a href="javascript:void(0)">Phillips</a></li>
<li><a href="javascript:void(0)">Slats Brewery</a></li>
    </ul></li>
<li><a href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product Overview</a></li>
<li><a href="javascript:void(0)">Publicity</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Advancement</a>
    <ul>
<li><a href="javascript:void(0)">Satisfaction</a></li>
<li><a class="qmparent" href="javascript:void(0)">Our Goals</a>
    <ul>
<li><a href="javascript:void(0);">Customer Satisfaction</a></li>
<li><a href="javascript:void(0);">Sales Forcast</a></li>
<li><a href="javascript:void(0);">Projections</a></li>
<li><a href="javascript:void(0);">Advanced Products</a></li>
<li><a href="javascript:void(0);">Employee Commitment</a></li>
<li><a href="javascript:void(0);">Environmental</a></li>
<li><a href="javascript:void(0);">Law Suit Avoidence</a></li>
<li><a href="javascript:void(0);">Free Ice Cream</a></li>
</ul></li>
<li><a href="javascript:void(0)">Product Warranty</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">Product Quality</a></li>
<li><a href="javascript:void(0)">Continued Support</a></li>
</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Our Investors</a>
    <ul>
<li><a href="javascript:void(0)">Annual Meetings</a></li>
<li><a href="javascript:void(0)">Financial Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
<li><a href="javascript:void(0)">Dividend Information</a></li>
<li><a href="javascript:void(0)">Future Outlook</a></li>
<li><a href="javascript:void(0)">CEO Announcements</a></li>
    </ul></li>
<li><a class="qmparent" href="javascript:void(0)">Мой проект</a>
    <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">ScriptKPBstudio</a></li>
    </ul></li>
<li><a class="qmpssyl" href="javascript:void(0)">Просто ссылка</a></li>
<li><a class="qmparent" href="javascript:void(0);">Propulsion</a>
    <ul>
<li><a href="javascript:void(0);">Advanced Science</a></li>
<li><a href="javascript:void(0);">Biological Impact</a></li>
<li><a href="javascript:void(0);">Trajectories</a></li>
<li><a href="javascript:void(0);">Gravity Boosting</a></li>
<li><a href="javascript:void(0);">Clean Fuels</a></li>
    </ul></li>
<li class="qmclear"> </li></ul>

<script type="text/javascript">qm_create(0,false,0,500,'lev2',false,false,false,true);</script>

Здесь прописан пример структуры меню. Думаю, Вы легко разберётесь и без проблем пропишите нужную Вам структуру. Количество ссылок в меню и подменю, количество вкладок подменю на Ваше усмотрение. Отличие данного примера от предыдущих в том что подменю начиная со 2-го уровня открываются не при наведении а при клике по соответствующей ссылке текущего подменю.

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

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