menu scroll




JavaScript Source Code 3000: Navigation: Menu Scroll

































Menu Scroll








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




Wow!



Look at this!



Your menu can



scroll onto



the screen!



Nestcape 4+ only!







JavaScript Source Code 3000: Navigation: Menu Scroll
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s). The script is yours!




    





<!-- THREE STEPS TO INSTALL MENU SCROLL:

1. Paste the coding into the HEAD of your HTML document
2. Copy the onLoad event handler into the BODY tag
3. Add the last code to the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->

<HEAD>

<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>

<!-- STEP TWO: Add this onLoad event handler into the BODY tag -->

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

<!-- STEP THREE: Add the following code to the BODY of your HTML 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 Size: 2.65 KB -->










Wyszukiwarka

Podobne podstrony:
pu srvc menu nl
menu cwiczenia14
menu
BasicSliderUI ScrollListener
layer scroller
ScrollPaneUI
status scroller
Toy Smiley Bank Pattern (scrollsaw)
menu
menu
l menu
menu
menu (67)
Menu 3
181 menu (6)

więcej podobnych podstron