JavaScript Source Code 3000: Navigation: Portable Menu
Portable Menu
On your site, it's often useful to have a navigation menu for visitors to help them get around on your site. This navigation menu, however, is different. As the visitor scrolls up and down your site, the menu moves up and down with them! It's a portable menu! (The only concern when adding this to your site is to make sure you move the regular content on your site over enough that the portable menu won't cover it) Great!
Menu Bar
Yahoo
Excite
Altavista
Hotbot
Notice how the menu moves with you
when you scroll up and down the page!
JavaScript Source Code 3000: Navigation: Portable Menu
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 Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
<!-- THREE STEPS TO INSTALL PORTABLE MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<! >
<! >
<!-- Begin
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:2">
<table width=130 border=0 cellspacing=20 cellpadding=0>
<tr>
<td><CENTER>Menu Bar</CENTER></td>
</tr>
<tr>
<td><a href="../index.html" >Home Page</a></td>
</tr>
<tr>
<td><a href="../new.html" >What's New?</a></td>
</tr>
<tr>
<td><a href="../forum/" >JavaScript Forum</a></td>
</tr>
<tr>
<td><a href="../feedback.html" >Site Feedback</a></td>
</tr>
</table>
</div>
<table>
<tr>
<td width=130>
<font color="white"> </font>
</td>
<td>
The rest of your site goes here
</td></tr>
</table>
<!-- Script Size: 1.69 KB -->
Wyszukiwarka
Podobne podstrony:
pu srvc menu nlmenu cwiczenia14menutips portable sqlmenumenul menumenuTukanas Hits Generator Portable N2KMaster Licensemenu (67)Menu 3181 menu (6)184 menu (2)265 menuwięcej podobnych podstron