передвигающийся блочек по меню
 

Здравствуйте делаю меню на jquery
http://www.bluepages.com.ua/
идея заключается в том чтобы зеленный блочек под меню перемещался под тот пункт на который мышь наведена и был бы соответствующей ширины, как осуществить это подскажите пожалуйста

Все просто: достаточно прочитать http://learn.javascript.ru/ , или если хочется побыстрее - http://jquery.page2page.ru/

Ибо как я понял ваши знания нулевые а задача тривиальнейшая - подсказка вам не поможет, вам поможет написать скрипт за вас или понять хотяб простейшие принципы js

Известный плагин lava lamp
http://www.dynamicdrive.com/dynamicindex1/gooeymenu.htm

lava lamp стал успешно но вот одна проблема возникает, у меня есть еще подменю

<div id="menu_block">
<ul id="gooeymenu3" class="underlinemenu">
<li><a href="/main/pages/index/"><img class="menu_icon" height="20" src="/img/home_icon.png"></a></li>
<li><a href="/main/pages/index/">Услуги</a>
</li>
<li><a href="/main/pages/portfolio/">Магазин</a></li>
<li><a href="/main/pages/materials/">О нас</a></li>
<li><a href="/main/pages/materials/">События и новости</a></li>
<li><a href="/main/pages/materials/">Информация</a>
	<div class="up_slider_strip2">
		<div class="submenu"><a href="/main/pages/materials/">Статьи</a><a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
<a href="/main/pages/materials/">Статьи</a>
<a href="/main/pages/materials/">Архив</a>
						
					</div>
					</div>
					</li>
					<li><a href="/main/pages/materials/">Контакты</a></li>
					<li><a href="/main/pages/index/"><img class="menu_icon" height="20" src="/img/mail_icon.png"></a></li>
				</ul>
				
		
			
		</div>

Если кто-то согласится сделать за меня буду очень благодарен.Вопрос в том как сделать чтобы при переходе на подменю во первых маркер не двигался а оставался на пункте выбранном меню, а во вторых как сделать так чтобы подменю умещалось в красной полоске и если выходит за пределы ее то выходило бы только вправо исчезая а при движении мыши по сабменю вправо сабменю уезжало бы влево . Помогите пожалуйста разобраться очень надо сделатьhttp://bluepages.com.ua/Хотя бы распишите какие действия необходимо выполнить пожалуйста чтобы добиться желаемого результата

Не вижу там никакого плагина. Верстку надо делать заново.

плагин я снес, он конфликтует с jquery, хочу заново сделать сам такое меню смотрите песочницу http://learn.javascript.ru/play/u24oW

Поставил на сайт себе лаваламповое меню на css и вот думаю менять его на меню от JQUERY или нет есть ли разница(вроде визуально есть различия в движении плавающего блока-на JQUERY оно усложнённое) или может css меню имеет приемущества?