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

Вертикальное меню с анимацией

	<Вернуться в каталог>
Home Blog Portfolio CV Projects Contact Me	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<link href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/862/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/862/jquery_002.js"></script> <script src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/862/jquery.easing.1.3.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $(".sliding-element a").mouseover(function () { $(this).stop().animate({ marginLeft: "20px" }, 500 ); // величина и скорость выезда }); $(".sliding-element a").mouseout(function () { $(this).stop().animate({ marginLeft: "0px" }, 500 ); // величана и скорость заезда }); }); </script>
	Здесь основное подписано. Все параметры и стили меню задаются в CSS таблице. Если Вы хотите что то поменять Вам необходимо скачать файл "style.css", воспользовавшись функцией [Скачать с сервера], и внести необходимые изменения.
	Внутри тега <BODY> - </BODY> там где у Вас будет меню.
<ul id="sliding-navigation"> <li class="sliding-element"><a href="#">Home</a></li> <li class="sliding-element"><a href="#">Blog</a></li> <li class="sliding-element"><a href="#">Portfolio</a></li> <li class="sliding-element"><a href="#">CV</a></li> <li class="sliding-element"><a href="#">Projects</a></li> <li class="sliding-element"><a href="#">Contact Me</a></li> </ul>
Здесь всё должно быть понятно без пояснений. Колличество ссылок в меню на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в [ ]- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.