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

Горизонтальное выпадающее меню (вариант № 3)

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

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

<STYLE type=text/css>
#nav {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 68em; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
#nav UL {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; WIDTH: 68em; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
#nav LI {
	BACKGROUND: #054990; FLOAT: left; POSITION: relative
}
#nav A {
	PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: url(/i/images/dot.png) repeat-y right 50%; PADDING-BOTTOM: 0.3em; FONT: 13px tahoma, verdana, sans-serif; WIDTH: 8em; COLOR: #fff; PADDING-TOP: 0.3em; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#nav A:hover {
	BACKGROUND: #f7bf82; COLOR: #000
}
#nav LI:hover {
	BACKGROUND: #be8749
}
#nav LI.jshover {
	BACKGROUND: #be8749
}
#nav LI UL {
	BORDER-RIGHT: #be8749 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #be8749 1px solid; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: #fee2b3; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #be8749 1px solid; WIDTH: 16em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #be8749 1px solid; POSITION: absolute
}
#nav LI LI A {
	FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 14.5em; TEXT-ALIGN: left
}
#nav LI:hover UL {
	DISPLAY: block
}
#nav LI.jshover UL {
	DISPLAY: block
}
#nav LI:hover LI UL {
	DISPLAY: none; LEFT: 9.6em; WIDTH: 9.99em; TOP: -0.65em
}
#nav LI.jshover LI UL {
	DISPLAY: none; LEFT: 9.6em; WIDTH: 9.99em; TOP: -0.65em
}
#nav LI:hover LI:hover UL {
	DISPLAY: block
}
#nav LI.jshover LI.jshover UL {
	DISPLAY: block
}

</STYLE>
<SCRIPT LANGUAGE="JavaScript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_gor/js/MENYGOR3.js"></script>

Здесь задаются всё параметры стиля меню. Можно подставить картинки.

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

<DIV>
                  <UL id=nav>
                    <LI><A href=#"????">Ссылка1</A>
                    <UL>
                      <LI><A href=#"????">Ссылка11</A></LI>
                      <LI><A href=#"????">Ссылка12</A></LI>
                      <LI><A href=#"????">Ссылка13</A></LI>
                      <LI><A href=#"????">Ссылка14(и т.д.)</A></LI>
					</UL></LI>
                    <LI><A href=#"????">Ссылка2</A>
                    <UL>
                      <LI><A href=#"????">Ссылка21</A></LI>
                      <LI><A href=#"????">Ссылка22</A></LI>
                      <LI><A href=#"????">Ссылка23</A></LI>
                      <LI><A href=#"????">Ссылка24</A></LI>
                      <LI><A href=#"????">Ссылка25(и т.д.)</A></LI></UL></LI>
                    <LI><A href=#"????">Ссылка3</A>
                    <UL>
                      <LI><A href=#"????">Ссылка31</A></LI>
                      <LI><A href=#"????">Ссылка32</A></LI>
                      <LI><A href=#"????">Ссылка33(и т.д.)</A></LI></UL></LI>
                    <LI><A href=#"????">Ссылка4</A>
                    <UL>
                      <LI><A href=#"????">Ссылка41</A></LI>
                      <LI><A href=#"????">Ссылка42</A></LI>
                      <LI><A href=#"????">Ссылка43(и т.д.)</A></LI></LI></UL></LI>
                    <LI><A href=#"????">Ссылка5</A>
                    <UL>
                      <LI><A href=#"????">Ссылка51</A></LI>
                      <LI><A href=#"????">Ссылка52(и т.д.)</A></LI></UL></LI>
                    <LI><A href=#"????">Ссылка6(и т.д.)</A></LI></UL></DIV>

Задайте название ссылок и их адреса. Колличество ссылок и их расположение на Ваше усмотрение.

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

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