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

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

	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<STYLE type=text/css> /* название раздела / .menu {background-color:gold; border: 1px solid #000000; width:151; font-size:14px; font:verdana; font-weight:bold; position:absolute; text-align: center;} / панель меню разделов / .item_panel {width:150; / border-left:1px solid darkblue; border-right:1px solid darkblue; / clip:rect(0,150,0,0); position:absolute;} / ссылки панели разделов / .item_panel a {text-decoration:none; color:black; cursor:hand;} / название ссылок панели разделов / .item {background-color:lightyellow; width:148; font-size:14px; font-family:Areal; padding-left: 5px; margin-left: 1px;} / задание местоположения меню */ #menu {position: absolute; left: 30px; top: 70px; z-index:1;} </style> <script type="text/javascript"> var height = 20; // height of the menu headers (высота панели названия разделов) var iheight = 20; // height of the menu_items (высота ссылок панели разделов) var bgc = "lightyellow" // background color of the item (цвет фона ссылок после снятия с них курсора) var tc = "black" // text color of the item (цвет названия ссылки после снятия с неё курсора) var over_bgc = "#FF8502"; // цвет фона ссылки при наведении на неё курсора var over_tc = "#ffffff"; // цвет текста ссылки при наведении на неё курсора var speed = 100; // time between changing heigth of the item_panel (частота шагов анимации) var steps = 4; // changing heigth in steps of (шаг анимации) </script>
	Всё основное подписано. Проблем быть не дрлжно.
	Внутри тега <BODY> - </BODY> в любом месте, я ставлю сразу после <BODY>.
	<div id="menu"> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/515/wertikalnoe_razworach_menu.js"></script> <script type="text/javascript"> // структура меню // массив разделов и ссылок в них (мнемоника задания) //Link[nr] = "position [0 is menu/1 is item],Link name,url,target (_blank\|_top\|frame_name)" var Link = new Array(); Link[0] = "0\|Сайты моего проекта"; // название раздела Link[1] = "1\|WebKPB\|http://webkpb.ucoz.ru\|_blank"; // название ссылки, URL, окно и т.д. Link[2] = "1\|KPBshablon\|http://kpbshablon.ucoz.ru\|_blank"; // название ссылки, URL, окно и т.д. Link[3] = "1\|KPBwebStudio\|http://kpbwebstudio.narod.ru\|_blank"; // название ссылки, URL, окно и т.д. Link[4] = "1\|ScriptKPBstudio\|http://skriptkpbstudio.ucoz.ru\|_blank"; // название ссылки, URL, окно и т.д. Link[5] = "0\|Info"; Link[6] = "1\|What's PopUpNow!?\|#\|_self"; Link[7] = "1\|Features\|#\|_self"; Link[8] = "0\|Support"; Link[9] = "1\|How to get support\|#\|_self"; Link[10] = "0\|Download"; Link[11] = "1\|Free Trial\|#\|_self"; Link[12] = "0\|Purchase"; Link[13] = "1\|Why Purchase\|#\|_self"; Link[14] = "1\|How to Purchase\|#\|_self"; Link[15] = "1\|Buy Now!\|#\|_self"; startup("all"); //to open all the items at the pageload </script> </div>
Здесь основное тоже всё подписано. Думаю, Вы легко разберётесь. Колличество разделов и ссылок в низ на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.