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

Съезжающееся горизонтальное меню с подменю

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

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

var a = qmad.qm0 = new Object();
a.merge_frames = 12;
a.rcorner_size = 6;
a.rcorner_border_color = "#686868";
a.rcorner_bg_color = "#DFDFDF";
a.rcorner_angle_corners = true;
a.rcorner_top_line_auto_inset = true;
a.ritem_size = 4;
a.ritem_apply = "main";
a.ritem_angle_corners = true;
a.ritem_main_apply_corners = new Array(true,true,false,false);
a.ritem_show_on_actives = true;
a.ibullets_apply_to = "parent";
a.ibullets_main_image = "http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/1004/imag/arrow_6.gif";
a.ibullets_main_image_width = 9;
a.ibullets_main_image_height = 6;
a.ibullets_main_position_x = -18;
a.ibullets_main_position_y = -4;
a.ibullets_main_align_x = "right";
a.ibullets_main_align_y = "middle";
a.ibullets_sub_image = "http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/1004/imag/arrow_4.gif";
a.ibullets_sub_image_active = "http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/1004/imag/arrow_5.gif";
a.ibullets_sub_image_width = 6;
a.ibullets_sub_image_height = 9;
a.ibullets_sub_position_x = 34;
a.ibullets_sub_position_y = -3;
a.ibullets_sub_align_x = "right";
a.ibullets_sub_align_y = "middle";
</script>
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/1004/1000k-006a.js"></script>

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

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

<div style="border: #00ff00 1px solid; background-color: #aaaaaa;">
<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Products1</a>
    <ul>
      <li><a href="javascript:void(0)">Acrobat Connect</a></li>
      <li><a href="javascript:void(0)">Acrobat Family</a></li>
      <li><a href="javascript:void(0)">After Effects</a></li>
      <li><a href="javascript:void(0)">Cold Fusion</a></li>
      <li><a href="javascript:void(0)">Creative Suite Family</a></li>
      <li><a href="javascript:void(0)">Dreamweaver</a></li>
    </ul>
  </li>
  
  <li><a class="ssylka" style="margin-left: 100px; margin-top: -25px;" href="javascript:void(0)">Products2</a></li>
  
  <li><a class="qmparent" style="margin-left: 200px; margin-top: -25px;" href="javascript:void(0)">Мой проект</a>
    <ul>
      <li><a href="javascript:void(0)">Acrobat Connect</a></li>
      <li><a 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 href="javascript:void(0)">After Effects</a></li>
      <li><a href="javascript:void(0)">Cold Fusion</a></li>
      <li><a href="javascript:void(0)">Creative Suite Family</a></li>
      <li><a href="javascript:void(0)">Dreamweaver</a></li>
    </ul>
  </li>
  
  <li><a class="qmparent" style="margin-left: 300px; margin-top: -25px;" href="javascript:void(0)">Products4</a>
    <ul>
      <li><a href="javascript:void(0)">Acrobat Connect</a></li>
      <li><a href="javascript:void(0)">Acrobat Family</a>
	      <ul>
      <li><a href="javascript:void(0)">Acrobat Connect</a></li>
      <li><a href="javascript:void(0)">Acrobat Family</a></li>
      <li><a href="javascript:void(0)">After Effects</a></li>
      <li><a href="javascript:void(0)">Cold Fusion</a>
	         <ul>
      <li><a href="javascript:void(0)">Acrobat Connect</a></li>
      <li><a href="javascript:void(0)">Acrobat Family</a></li>
      <li><a href="javascript:void(0)">After Effects</a></li>
      <li><a href="javascript:void(0)">Cold Fusion</a></li>
      <li><a href="javascript:void(0)">Creative Suite Family</a></li>
      <li><a href="javascript:void(0)">Dreamweaver</a></li>
             </ul>
	   </li>
      <li><a href="javascript:void(0)">Creative Suite Family</a></li>
      <li><a href="javascript:void(0)">Dreamweaver</a></li>
          </ul>
	  </li>
      <li><a href="javascript:void(0)">After Effects</a></li>
      <li><a href="javascript:void(0)">Cold Fusion</a></li>
      <li><a href="javascript:void(0)">Creative Suite Family</a>
	      <ul>
      <li><a href="javascript:void(0)">Acrobat Connect</a></li>
      <li><a href="javascript:void(0)">Acrobat Family</a></li>
      <li><a href="javascript:void(0)">After Effects</a></li>
      <li><a href="javascript:void(0)">Cold Fusion</a></li>
      <li><a href="javascript:void(0)">Creative Suite Family</a></li>
      <li><a href="javascript:void(0)">Dreamweaver</a></li>
          </ul>
	  </li>
      <li><a href="javascript:void(0)">Dreamweaver</a></li>
    </ul>
  </li>
</ul>       </div>

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

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

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