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

Вертикальное меню с разворачивающимися вниз подменю

Меню 1 Ссылка 1 подменю 1 Ссылка 2 подменю 1 Ссылка 3 подменю 1 Ссылка 4 подменю 1 Меню 2 Ссылка 1 подменю 2 Ссылка 2 подменю 2 Ссылка 3 подменю 2 Меню 3 Ссылка 1 подменю 3 Ссылка 2 подменю 3 Ссылка 3 подменю 3 Меню 4 Ссылка 1 подменю 4 Ссылка 2 подменю 4 Ссылка 3 подменю 4	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<link rel="stylesheet" type="text/css" href="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/983/sddm.css" /> <script language="JavaScript" type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/983/menu.js"></script>
	Все параметры и стили меню и подменю задаются в CSS таблице. Если Вы хотите что-то изменить Вам надо её скачать, воспользовавшись функцией [Скачать с сервера], и сделать нужные Вам изменения.
	Внутри тега <BODY> - </BODY> там где у Вас будет меню.
	<div align="center"> <!--------Start Menu----------> <div class="mainDiv" state="0"> <div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this);" >Меню 1</div> <div class="dropMenu" > <div class="subMenu" state="0"> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 1 подменю 1</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 2 подменю 1</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 3 подменю 1</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 4 подменю 1</a></span> </div> </div> </div> <!--------End Menu----------> <!--------Start Menu----------> <div class="mainDiv" state="0"> <div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Меню 2</div> <div class="dropMenu" > <div class="subMenu" state="0"> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 1 подменю 2</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 2 подменю 2</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 3 подменю 2</a></span> </div> </div> </div> <!--------End Menu----------> <!--------Start Menu----------> <div class="mainDiv" state="0"> <div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Меню 3</div> <div class="dropMenu" > <div class="subMenu" state="0"> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 1 подменю 3</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 2 подменю 3</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 3 подменю 3</a></span> </div> </div> </div> <!--------End Menu----------> <!--------Start Menu----------> <div class="mainDiv" state="0"> <div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Меню 4</div> <div class="dropMenu" > <div class="subMenu" state="0"> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 1 подменю 4</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 2 подменю 4</a></span><BR /> <span class="subItem" classOut="subItem" classOver="subItemOver"><a href="#">Ссылка 3 подменю 4</a></span> </div> </div> </div> <!--------End Menu----------> </div>
Здесь всё должно быть понятно. Колличество кнопок в меню, на Ваше усмотрение. Колличество ссылок в подменю тоже. Чтобы открыть подменю, кликните по названию меню. Чтобы закрыть кликните еще раз. Меню можно сделать и вертикальным(как в примере), так и горизонтальным.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.