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

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

Online Tools Image Optimizer FavIcon Generator Email Riddler htaccess Password Gradient Image Button Maker Мой проект WebKPB KPBshablon KPBwebStudio ScriptKPB Support Us Recommend Us Link to Us Web Resources Partners JavaScript Kit CSS Drive CodingForums CSS Examples Откр. ----- Закр.	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<link rel="stylesheet" type="text/css" href="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/menu2.css" /> <script type="text/javascript"> var remember = true; //Remember menu states, and restore them on next visit.(запоминать последнее состояние меню и востанавливать при следующем заходе) var contractall_default= false; //Should all submenus be contracted by default? (true or false)(все подменю изначально должны быть закрыты) var kart_zakr_pm = "http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/expanded.gif" var kart_otkr_pm = "http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/collapsed.gif" </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/menu2.js"></script>
	Все стили и параметры меню задаются в CSS таблице, файл menu2.css. Если Вы хотите что-то поменять Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения.
	Внутри тега <BODY> - </BODY> там где у Вас будет меню.
	<div class="sdmenu"> <span class="title" id="top"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/expanded.gif" class="arrow" alt="-" />Online Tools</span> <div class="submenu"> <a href="#">Image Optimizer</a> <a href="#">FavIcon Generator</a> <a href="#">Email Riddler</a> <a href="#">htaccess Password</a> <a href="#">Gradient Image</a> <a href="#">Button Maker</a> </div> <span class="title"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/expanded.gif" class="arrow" alt="-" />Мой проект</span> <div class="submenu"> <a href="http://webkpb.ucoz.ru" target="_blank" title="Библиотека Flash">WebKPB</a> <a href="http://kpbshablon.ucoz.ru" target="_blank" title="Магазин дизайнов">KPBshablon</a> <a href="http://kpbwebstudio.narod.ru" target="_blank" title="Моя WEBстудия">KPBwebStudio</a> <a href="http://skriptkpbstudio.ucoz.ru" target="_blank" title="Библиотека JavaScript, jQuery и т.д.">ScriptKPB</a> </div> <span class="title"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/expanded.gif" class="arrow" alt="-" />Support Us</span> <div class="submenu"> <a href="#">Recommend Us</a> <a href="#">Link to Us</a> <a href="#">Web Resources</a> </div> <span class="title"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/expanded.gif" class="arrow" alt="-" />Partners</span> <div class="submenu"> <a href="#">JavaScript Kit</a> <a href="#">CSS Drive</a> <a href="#">CodingForums</a> <a href="#">CSS Examples</a> </div> <span class="titlee" id="bottom"><a href="javascript:slash_expandall()" title="Открыть все подменю"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/expanded.gif" class="arrow" alt="-" />Откр.</a> ----- <a href="javascript:slash_contractall()" title="Закрыть все подменю">Закр.<img src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/412/slashfiles/werx.png" class="arrow" alt="-" /></a></span> </div>
	Пример структуры меню. Это раздвижное меню. При клике по ссылке меню под ней раздвигается относящееся к ней подменю. При повторном клике по ссылке меню подменю закрывается. Все подменю сразу открыть или закрыть можно кликнув по ссылкам "Откр." - "Закр." в нижней части меню.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.