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

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

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

Основное всё подписано. Все стили и параметры меню задаются в CSS тавлице, файл menu_wwerx_uderganie.css. Если Вы хотите что-то поменять Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения. Подменю первого уровня, как Вы видите, могут быть как правыми(разворачивающимися вправо), так и левыми. Как Вам настроить высоту подъема меню указано прямо с скрипте.

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

<li class="menu"><a>Плюшки и менюшки</a>
     <div class="drop_block">

<div class="column">
         <span>Меню для блогов и сайтов</span>
         <ul class="in_drop">
           <li><a rel="nofollow" href="#">Горизонтальное слайд-меню CSS3+jQuery</a></li>
           <li><a rel="nofollow" href="#">Горизонтальное слайд-меню на CSS</a></li>
           <li><a rel="nofollow" href="#">Вертикальное аккордеон CSS3+jQuery меню</a></li>
           <li><a href="#">Другой скрипт для аккордеон CSS3+jQuery меню</a></li>
           <li><a rel="nofollow" href="#">Горизонтальное аккордеон jQuery меню из картинок</a></li>
           <li><a rel="nofollow" href="#">Меню как панель инструментов на Mac</a></li>
           <li><a rel="nofollow" href="#">Вертикальное выпадающие меню на CSS</a></li>
           <li><a rel="nofollow" href="#">Мега выпадающие меню (DIV)<br>+ оригинал. исходники</a></li>
           <li><a rel="nofollow" href="#">Делаем...</a></li>
         </ul>
       </div>

<div class="column">
         <span>Колдуем с CSS</span>
         <ul class="in_drop">
          <li><a rel="nofollow" href="#">Как изменить дизайн формы поиска от Google</a></li>
          <li><a rel="nofollow" href="#">Блок с вкладками из ссылок</a></li>
          <li><a rel="nofollow" href="#">Появляющаяся по клику подсказка</a></li>
          <li><a rel="nofollow" href="#">Всплывающая подсказка на области изображения</a></li>

<li><a rel="nofollow" href="#">Делаем...</a></li>
         </ul>
       </div>

<div class="column">
         <span>Разные плюшки</span>
         <ul class="in_drop">
          <li><a rel="nofollow" href="#">Простой плавающий блок на jQuery</a></li>
          <li><a rel="nofollow" href="#">Простая всплывающая подсказка на jQuery</a></li>
          <li><a rel="nofollow" href="#">Кнопки и прокрутка страницы Вверх/Вниз</a></li>
          <li><a rel="nofollow" href="#">jQuery скрипт индикатора загрузки веб-страницы</a></li>
          <li><a rel="nofollow" href="#">jQuery плагин вертикальной авто-прокрутки</a></li>
          <li><a rel="nofollow" href="#">Прокрутка страницы и кнопка "Вверх" на сайте</a></li>
          <li><a rel="nofollow" href="#">"Умное" меню - как выделить текущую страницу</a></li>
          <li><a rel="nofollow" href="#">Страницы с вкладками на jQuery</a></li>
          <li><a rel="nofollow" href="#">Делаем...</a></li>
         </ul>
       </div>
     </div>
   </li>

<li class="menu"><a>На Заметку</a>
     <ul class="drop_menu">
       <li class="sub_drop"><a class="no_click">CSS в деле</a>
            <ul class="sub_drop_1">
               <li><a rel="nofollow" href="#"><b>Таблица свойств CSS</b></a></li> 
               <li><a rel="nofollow" href="#"><b>Таблица и подбор цвета HTML/RGB</b></a></li>
               <li><a rel="nofollow" href="#">Градиент в дизайне</a></li>
               <li><a rel="nofollow" href="#">Применение спрайтов</a></li>
               <li><a rel="nofollow" href="#">Декоративная рамка</a></li>
               <li><a rel="nofollow" href="#">Верстка выпадающих меню</a></li>
            </ul>
       </li>
       <li class="sub_drop"><a class="no_click">ЛикБез</a>
            <ul class="sub_drop_1">
	<li><a rel="nofollow" href="#">Как добавить скрипт на сайт</a></li> 
	<li><a rel="nofollow" href="#">Как подключить jQuery</a></li>
	<li><a rel="nofollow" href="#">Как подключить интернет-шрифт</a></li>
	<li><a rel="nofollow" href="#">Как из картинки сделать ссылку</a></li>
	<li><a rel="nofollow" href="#">Как работать с Google code</a></li>
            </ul>
       </li>
     </ul>
   </li>

<li class="menu"><a>Полезное</a>
     <ul class="drop_menu"><li class="label">Страницы</li>
               <li class="sub_drop"><a class="no_click">Сотрудничество, услуги</a>
                 <ul class='sub_drop_1'>
                    <li><a rel="nofollow" href="#">Рекламодателям</a></li>
                    <li><a rel="nofollow" href="#">Услуги</a></li>
                 </ul>
               </li>
               <li><a href="#" title="Не стесняйтесь, скажите что вы думаете!">Гостевая книга</a></li>
               <li><a rel="nofollow" href="#" title="Правила использования контента">Использование контента</a></li>
				<li class="sub_drop"><a class="no_click">Другие страницы</a>
				<ul class="sub_drop_1">
					<li><a rel="nofollow" href="#" title="Все что я думаю о своем блоге">О сайте</a></li>
					<li><a rel="nofollow" href="#" title="Список отличных сайтов для начального заработка">Заработок с нуля + раскрутка</a></li>
					<li><a rel="nofollow" href="#" title="Надежные, проверенные обменные пункты электронных валют">Обмен электронных валют</a></li>
				</ul>
               </li><li class="label">Полезное по ярлыкам</li>
               <li><a rel="nofollow" href="#" title="Будут показаны все сообщения с этим ярлыком">Справочник</a></li>
		</ul></li>

<li class="menu"><a>Присоединяйся</a>
     <div class="drop_block_left"><span>Узнавай о новых статьях по RSS!<br>Присоединяйся в социальных сетях!<br>Напиши лично!</span>
     <ul class="social">
       <li class="rss"><a rel="nofollow" href="#" target="_blank" title="Узнавай первым! Подпишись на RSS"></a></li>
       <li class="twitter"><a rel="nofollow" href="#" target="_blank" title="Присоединяйся в twitter! :)"></a></li>
       <li class="fb"><a rel="nofollow" href="#" target="_blank" title="На facebook"></a></li>
       <li class="g_plus"><a href="#" rel="publisher" title="Присоединяйся в Google+"></a></li>
       <li class="email"><a rel="nofollow" href="#" title="Личное письмо Администратору"></a></li> 
       <li class="skype"><a rel="nofollow" href="skype:grommovf?call" title="Связаться по Skype"></a></li> 
     </ul>
     </div>
   </li>

<li class="menu"><a class='button' href="#"><span>Ссылка</span><b></a></li>
   
   <li class="search_form">
	<div id="___gcse_0">
	<div class="gsc-control-cse gsc-control-cse-ru">
	<div dir="ltr" class="gsc-control-wrapper-cse">
	<form accept-charset="utf-8" class="gsc-search-box">
	<table class="gsc-search-box" cellpadding="0" cellspacing="0">
	<tbody><tr>
	          <td class="gsc-input"><input style="outline: medium none;" spellcheck="false" dir="ltr" id="gsc-i-id1" title="поиск" name="search" class=" gsc-input " size="10" autocomplete="off" type="text"></td>
			  <td class="gsc-search-button"><input title="поиск" class="gsc-search-button" value="Поиск" type="button"></td>
			</tr></tbody></table></form> 
			  
			  </div></div></div>
   </li>
 </ul>

</div>
</div>
</div>  
</div>
</div>
</div>
</div>

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

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

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