Version compl�te: jsB@nk » Menu » Flottables » Menu de navigation latérale
URL: https://www.javascriptbank.com/side-nav-menu.html
Un DHTML Menu de navigation qui se trouve sur le côté. Bascule visibilité. Passez sur la barre de menu et devient visible, cliquez sur la barre et JavaScript menu devient caché.
Version compl�te: jsB@nk » Menu » Flottables » Menu de navigation latérale
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-->