JoelSoft®

Others

Dynamic HTML
Smart Bar
I suppose by now you've seen the nifty little bar that follows you as you scroll. Sweet huh? Yea, anyway heres the code. Oh and you'll need two Javascript files that I have available for download at the bottom. Remember: This is for advanced users ONLY!
<style> all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 12px Arial; color: white; cursor: hand; z-index:100} #MainTable A:hover {color: white;} </style> <script language="JavaScript"> var keepstatic=1 //specify whether menu should stay static (works only in IE4+) var menucolor="#008080" var submenuwidth=120 </script> Place this puppy between the <Head> and </Head> tags. <script language="JavaScript" src="menu.js"></script> <script language="JavaScript" src="menucontext.js"></script> <script language="JavaScript"> showToolbar(); </script> <script language="JavaScript"> function UpdateIt(){ if (ie&&keepstatic&&!opr6) document.all["MainTable"].style.top = document.body.scrollTop; setTimeout("UpdateIt()", 200); } UpdateIt(); </script> It is important that you place this inside the <Body>: Preceeding all other tags. Now, if you would like your Smart Bar to attach itself to the web pages Default Margins then add this within the body tag itself:<BODY marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"> Menu.js Menucontext.js

Privacy Policy Copyright© JoelSoft® 2000-2002

No Examples Will Follow This Demo.