Menu42

Прилетающее по частям меню
Замените "#top" на адреса ваших линков, а "Линк 1,2,3 и т.д." на название линков. Отрегулируйте конечное положение меню на странице с помощью выделенных красным значений.

Линк 1!
Линк 2!
Линк 3!
Линк 4!
Линк 5!
Линк 6!
назад

Содержимое этой таблицы поместите между <HEAD> и </HEAD>

 
 

<SCRIPT LANGUAGE="JavaScript">

<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function buildMenu() {
speed=35;
topdistance=100; //конечное положение от верхнего края
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
}
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
}
}
// End -->
</SCRIPT>
 

Содержимое этой таблицы поместите между <BODY> и </BODY> 

 

<body onLoad="buildMenu(), scrollItems();">








<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href=#top>Линк 1!</a>
</center></td>
</table>
</div>

<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href=#top>Линк 2!</a>
</center></td>
</table>
</div>

<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href=#top>Линк 3!</a>
</center></td>
</table>
</div>


<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href=#top>Линк 4!</a>
</center></td>
</table>
</div>


<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href=#top>Линк 5!</a>
</center></td>
</table>
</div>


<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"><!--Расстояние от левого края-->
<table border=1 width=150 bgcolor=80FFFF>
<td><center>
<a href=#top>Линк 6!</a>
</center></td>
</table>
</div>

!!!. Для выделения используйте Ctrl+Click, для копирования Ctrl+C или меню после клика правой кнопкой мыши. Скопированные скрипты сначала поместите в любой текстовый редактор, например, в Блокнот, и только затем, скопировав вновь, вставляйте в код страницы.