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

Анимированное меню с фокусировкой активной ссылки

Home CSS Javascript Programmazione Ссылка1 Ссылка2 Ссылка3 Ссылка4 Home CSS Javascript Programmazione	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<link rel="stylesheet" href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/996/lavalamp_test1.css" type="text/css" media="screen"> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/996/jquery-1.1.3.1.min.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/996/jquery.easing.min.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/996/jquery.lavalamp.min.js"></script> <script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ // идентификаторы рабочих меню fx: "backout", speed: 1200, // скорость click: function(event, menuItem) { return false; } }); }); </script>
	Всё параметры и стили меню задаются в CSS файле. Если Вы хотите иметь свой дизайн меню или внести изменения в представленный здесь дизайн меню, Вам нужно скачать файл lavalamp_test1.css, воспользовавшись функцией [Скачать с сервера], и внести необходимые изменения. В данном варианте там 3-и стиля, которые вы видите в примере, но можете сделать и свой. Как Вы видите, колличество меню на страничке которые обслуживает скрипт, а так-же их местоположение на Ваше усмотрение. Этот скрипт оптимально использовать при создании блоков меню, например таких , но можно использовать и для создания самостоятельных меню, т.к. они достаточно эффектны и функциональны.
	Внутри тега <BODY> - </BODY> там где у Вас будет меню.
<ul class="lavaLampWithImage" id="1"> <li><a href="#">Home</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Javascript</a></li> <li><a href="#">Programmazione</a></li> </ul> <ul class="lavaLampNoImage" id="2"> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка2</a></li> <li><a href="#">Ссылка3</a></li> <li><a href="#">Ссылка4</a></li> </ul> <ul class="lavaLampBottomStyle" id="3"> <li><a href="#">Home</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Javascript</a></li> <li><a href="#">Programmazione</a></li> </ul>
Здесь пояснять нечего. Колличество ссылок в меню, на Ваше усмотрение. Если Вы используете только одно меню, то там где задаёте идентификаторы рабочих меню оставте идентификатор только рабочего меню(т.е. того которое у Вас).
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.