Full version: jsB@nk » Menu » Floatable » Side Nav Menu
URL: https://www.javascriptbank.com/side-nav-menu.html
A DHTML Navigation Menu that is on the side. Toggles visibility. Move over bar and Menu becomes visible, click on bar and JavaScript menu becomes hidden.
Full version: jsB@nk » Menu » Floatable » Side Nav Menu
URL: https://www.javascriptbank.com/side-nav-menu.html
<style type="text/css"><!--span.menu { height:300px;position:absolute;top:10;z-index:2; } a { color:white; font-weight:bold; text-decoration:none;}a:hover { text-decoration:underline;}--></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<script language="JavaScript" type="text/javascript"><!--window.onload=checkBrowserName;function checkBrowserName(){ if(navigator.appName=="Netscape") { with(document.getElementById('sid0').style) { display="block"; left=0; } with(document.getElementById('sid2').style) { display="block"; left=150; height=300; position="absolute;"; } document.getElementById('sid2').innerHTML="<-<br />->"; }}function showMenu(){ document.getElementById('sid0').style.display="block"; document.getElementById('sid2').style.left=150+"px"; if(navigator.appName!="Netscape")document.getElementById('sid1').style.display="block";}function hideMenu(){ document.getElementById('sid2').style.left=0+"px"; document.getElementById('sid0').style.display="none"; if(navigator.appName!="Netscape")document.getElementById('sid1').style.display="none";}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<span class="menu" id="sid0" style="width: 150px; background-color: rgb(0, 0, 0); left: 0pt; display: block;"><table summary="" style="color: white;"><tbody><tr><td><a href="#">Link 1</a></td></tr><tr><td><a href="#">Link 2</a></td></tr><tr></tr><tr> <td><a href="#">Link 3</a></td></tr><tr></tr><tr> <td><a href="#">Link 4</a></td></tr><tr></tr><tr> <td><a href="#">Link 5</a></td></tr><tr><td style="font-size: 11px; background-color: black;">To Close Menu Click the Menu Bar at the Right >></td></tr></tbody></table></span><span id="sid1" class="menu" style="background-color: darkblue; color: white; left: 0px; text-align: center; display: none;"><tt style="color: lightyellow;">Dynamic Menu </tt>JSBank</span><span id="sid2" class="menu" style="color: white; background-color: darkblue; text-align: center; display: block; height: 300px; position: absolute; left: 150px;" onmouseover="showMenu()" onclick="hideMenu()"><-<br>-></span><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->