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

Вертикальное меню с вложенными подменю

Меню 1 Official Site of Sam Kieth Sam Kieth entry at Wikipedia Interview with Sam Kieth Pink Floyd Official Site of Pink Floyd Pink Floyd entry at Wikipedia Pink Floyd at Last.fm Meddle A Saucerful of Secrets Animals Prototype Official Prototype Site Prototype Documentation prototype.js or prototype-1.4.0.js Behaviour Script.aculo.us Cute	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_menu/997/prototype.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_menu/997/prototype-fun.js"></script> <STYLE type=text/css> /* основное меню / ul#nav {text-align: center; border: #ff0000 1px solid; background: #000; display: block; margin: 2em auto 0 auto; padding: 0; width: 200px;} ul#nav li {list-style: none; margin: 0; padding: 0;} / подменю / ul#nav li ul {border: #00ff00 1px solid; background: #333; display: block; margin: 0 1em; padding: 0;} ul#nav li a {color: #fff; display: block; text-decoration: none; width: 100%;} ul#nav li a:hover {background: #ccc; color: #00f;} / подменю */ ul#nav li ul ul {border: #ffff00 1px solid; background: #666;} ul#nav li ul ul ul {background: #999;} </STYLE>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет меню.
	<ul id="nav"> <li> <a href="#"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_menu/997/down1.gif" border=0>Меню 1</a> <ul> <li><a href="#">Official Site of Sam Kieth</a></li> <li><a href="#">Sam Kieth entry at Wikipedia</a></li> <li><a href="#">Interview with Sam Kieth</a></li> </ul> </li> <li> <a href="#"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_menu/997/down1.gif" border=0>Pink Floyd</a> <ul> <li><a href="#">Official Site of Pink Floyd</a></li> <li><a href="#">Pink Floyd entry at Wikipedia</a></li> <li> <a href="#"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_menu/997/down1.gif" border=0>Pink Floyd at Last.fm</a> <ul> <li><a href="#">Meddle</a></li> <li><a href="#">A Saucerful of Secrets</a></li> <li><a href="#">Animals</a></li> </ul> </li> </ul> </li> <li> <a href="#"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/prototype_menu/997/down1.gif" border=0>Prototype</a> <ul> <li><a href="#">Official Prototype Site</a></li> <li><a href="#">Prototype Documentation</a></li> <li><a href="#">prototype.js or prototype-1.4.0.js</a></li> <li><a href="#">Behaviour</a></li> <li><a href="#">Script.aculo.us</a></li> </ul> </li> <li><a href="#">Cute</a></li> </ul> <script type="text/javascript"> /* Hide sub unordered lists */ $$("ul#nav li ul").each(function(node){ Element.hide(node); }); </script>
Здесь тоже, думаю, всё должно быть понятно. Колличество ссылок в каждом меню и колличество вложенных меню на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.