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

Горизонтальные анимированное меню

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

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

/* 	Меню 1	*/

/// wrap inner content of each anchor with first layer and append background layer
			$("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );

// loop each anchor and add copy of text content
			$("#menu li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});

$("#menu li a").hover(function() {
				// this function is fired when the mouse is moved over
				$(".out",	this).stop().animate({'top':	'45px'},	250); // уплывающ текст (move down - hide)
				$(".over",	this).stop().animate({'top':	'0px'},		250); // выплыв текст (move down - show)
				$(".bg",	this).stop().animate({'top':	'0px'},		120); // фон (move down - show)

}, function() {
				// this function is fired when the mouse is moved off
				$(".out",	this).stop().animate({'top':	'0px'},		250); // move up - show
				$(".over",	this).stop().animate({'top':	'-45px'},	250); // move up - hide
				$(".bg",	this).stop().animate({'top':	'-45px'},	120); // move up - hide
			});

/*	Меню 2	*/
			
			$("#menu2 li a").wrapInner( '<span class="out"></span>' );
			
			$("#menu2 li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});

$("#menu2 li a").hover(function() {
				$(".out",	this).stop().animate({'top':	'45px'},	200); // move down - hide
				$(".over",	this).stop().animate({'top':	'0px'},		200); // move down - show

}, function() {
				$(".out",	this).stop().animate({'top':	'0px'},		200); // move up - show
				$(".over",	this).stop().animate({'top':	'-45px'},	200); // move up - hide
			});

});
</script>

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

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

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

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

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