
More Navigation JavaScripts
Create A Back Button | Cascading Menu | Centered Popup | Checkbox Redirect | Radio Button Menus | Combined Dropdown | Customize Popup | Change Link Address | Floating Menu | Glide In Menu | Indent Menu | Keyboard Launcher | Link Description Cell | Flip Through | Page Links List | Easy Menu List | Jump Menu | Menu Description | Dropdown Popup | Menu Items Scroll | Dynamic Navigation | Quick Preview | Quick Jump | Slide In Out Menu | Thumbnail Navigator | Key Word Launcher
Description
Use this Javascript to scroll a series of menu items onto your page. There are options to control the speed at which they slide in....View A Script Demo
Use this Javascript to scroll a series of menu items onto your page. There are options to control the speed at which they slide in....View A Script Demo
Do you find it confusing setting up these script?
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.
Java Scripts Magic can do all the hard work for you all At The Touch Of A Button.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- 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>
</HEAD>
<BODY Background=../graphics/grayback.jpg onLoad="buildMenu(), scrollItems();">
<center><BR>
<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>
</center>
</BODY>
</HTML>
<HTML>
<HEAD>
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- 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>
</HEAD>
<BODY Background=../graphics/grayback.jpg onLoad="buildMenu(), scrollItems();">
<center><BR>
<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>
</center>
</BODY>
</HTML>
If you have a Business Proposal that you think may be of interest to us here at Best Download Sites please contact us to discuss the matter in further detail

