Эффекты на основе Java Script

Красивое горизонтальное меню

<Вернуться в каталог>

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

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

<style type="text/css">
/* Здесь задаём местоположение меню при абсолютноме позиционирование, если Вы его не используете уберите это(но Вы должны помнить, что в этом случае под меню надо резервировать место иначе при его движении будет двигаться вся страничка) */
div#menu {position: absolute; top: 100px; right: 10px; height: 40px;}
/* menu */
div#menu ul {padding: 0px; margin: 0px; list-style: none; float: right;}
/* параметры меню в целом */
div#menu li {float: left; display: block; margin: 5px 0px 0px 5px;
	border-top: 1px solid #ff2828;       /* рамка */
	border-left: 1px solid #ff2828; border-right: 1px solid #ff2828; border-bottom: 1px solid #ff2828;
	background: #1e1e1e;                /* начальный цвет фона */
}
/* стиль и параметры картинки */
div#menu li a img {width: 13px; margin: 0pt 0pt -2px 1px; border: 0;}
/* стили при наведении и снятии курсора */
div#menu li a {float: left; display: block; height: 24px; padding: 0px 15px; line-height: 25px; overflow: hidden; font-size: 100%; color: #BBBBBB; text-decoration: none;}
div#menu a:link, div#menu a:visited {color: #BBBBBB;}
div#menu li:hover a, div#menu li a:hover {color: #ffff00;}
div#menu li.active {margin: 0px 0px 0px 5px;}
div#menu li.active a {height: 39px; background: #ff0000; font-weight: bold; color: #ffffaa;}
</style>
<script language="javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/mootols_menu/948/js/mootools.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var YtTools = {
	start: function() {
		/* Main menu (gorizont menu/ */
		var menuEnter = { 'margin-top': 0, 'padding-bottom': 15, 'background-color': '#0000ff' }; /* Цвет фона при наведении курсора и величина смещения вниз и вверх */
		var menuLeave = { 'margin-top': 5, 'padding-bottom': 0, 'background-color': '#1E1E1E' };  /* Цвет фона при снятии курсора и величина смещения вниз и вверх */
		var menuFx = new YtMorph('#menu li', menuEnter, menuLeave,
			{ transition: Fx.Transitions.expoOut, duration: 1000 });     /* скорость смещений */
    },
    /* Match height of div tags */
	setDivHeight: function() {
		YtBase.matchDivHeight('div.topbox div', 10, 40);
    }
};
/* Add functions on window load */
window.addEvent('load', YtTools.start);
</script>
<script language="javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/mootols_menu/948/js/morph.js" type="text/javascript"></script>

Впринцепе всё подписано.

Внутри тега <BODY> - </BODY> в любом месте(т.к. я использую абсолютное позиционирование) или там где у Вас будет меню(при относитольном).

Задаём ссылки меню: их названия, адресса переходов, еслинужно окна и принадлежащие ссылкам картинки. Можно делать опускание ссылки вниз, при наведении курсора(типа нажатой клавиши) или наоборот вверх. Или как в примере, ссылка движется и вверх и вниз. Всё зависит от Вашей фантазии. Колличество ссылок в меню на Ваше усмотрение.

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

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