Uncle Jim's Top Menu Float Script

Uncle Jim's JavaScript Examples

Top Floating Menu

Author: Jim Stiles

This is another example of a menu design. This menu is unique in that, it stays at the top of your screen regardless of where you are in the page.

When you scroll down the page, you will notice that the menu follows you. I have made all of the links go to actual pages on my site for example purposes. This script is not functional in with all Netscape, Mozilla or Opera browsers.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>
<style> all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;} .clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;} A:hover {color: red;} </style>
COPY - Insert Inside Body: <BODY></BODY>
<script type="text/javascript" src="menu.js"> </script> <script type="text/javascript" src="menucontext.js"> </script> <script type="text/javascript"> showToolbar();</script> <script type="text/javascript"> /* _____________________________________ /ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ\ | Another JavaScript from Uncle Jim | | Feel free to copy, use and change | | this script as long as this part | | remains unchanged. You can visit | | my website at http://jdstiles.com | | for more scripts like this one. | | Created: 1996 Updated: 2006 | \_____________________________________/ ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ */ function UpdateIt(){ if (document.all){ document.all["MainTable"].style.top = document.body.scrollTop; setTimeout("UpdateIt()", 400); } } UpdateIt(); </script>

Download the following script files:
menu.js
menucontext.js

Close This Window