»

AnglaisFrançaisVietnamien

Imprimer - Menu de navigation latérale - JavaScriptBank.com

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 &gt;&gt;</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()">&lt;-<br>-&gt;</span><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->