Script Categories













Menus and Navigation >>> Menu Scroll.

Use this amazing layers script to actually "scroll" a series of menu items onto your page.

Add the below code to the <body> section of your page:

<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=http://yoursite.com/page1.html>Link 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=http://yoursite.com/page2.html>Link 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=http://yoursite.com/page3.html>Link 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=http://yoursite.com/page4.html>Link 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=http://yoursite.com/page5.html>Link 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=http://yoursite.com/page6.html>Link 6!</a>
</center></td>
</table>
</div>
<script language="javascript" type="text/javascript">      
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function buildMenu() {
speed=35;
topdistance=100;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",sD=".style";
}
else {
v=".pixelTop=",sD=".style";
   }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval('document.getElementById(objectX)' + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
   }
}
function Go()
{
buildMenu();
scrollItems();
}
window.onload=Go;
// End -->
</SCRIPT>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©