Full version: jsB@nk » Menu » Menu visibility
URL: https://www.javascriptbank.com/menu-visibility.html
This JavaScript show/hide a JavaScript menu by click method or mouseOver.
Full version: jsB@nk » Menu » Menu visibility
URL: https://www.javascriptbank.com/menu-visibility.html
<style type="text/css"> .Menu {position: relative; width: 80%; border: 1px white; background-color: white; layer-background-color: white; top: 100px;left : 10%;line-height : 25px;font-family : Arial; visibility: hidden;} .Mo {position: relative; text-decoration : none; border: 0px white; background-color: white; layer-background-color: white; top: 100px;left: 10%; width: 80%; font-family : Arial;visibility: hidden;} .hide {visibility: hidden;font-family : Arial;} </style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script>/* onclick-mouseover display code ------------------------------- Author Mike Deangelis */var mo_lastMenu;var lastMenu = "null";if (document.layers) { visible = 'show'; hidden = 'hide';} else if (document.all) { visible = 'visible'; hidden = 'hidden';} function toggle(menu) {if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { clean(lastMenu);Menu.visibility = visible; } lastMenu = Menu;} function clean(Menu){if (Menu == "null"){return;}if (Menu.visibility == visible) { Menu.visibility = hidden; } } function mo_toggle(menu) {if (document.layers) { Menu = document.layers[menu]; } else if (document.all) { Menu = document.all(menu).style; } if (Menu.visibility == visible) { Menu.visibility = hidden; } else { Menu.visibility = visible; } mo_lastMenu = Menu;} </script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><a href="#menu" onclick="toggle('clickWeb');return false;" onmouseout="javascript:mo_toggle('mo_web');return false;" onmouseover="javascript:mo_toggle('mo_web');return false;"><b><font size="+1" color="purple" face="Arial">MouseOver or click here</font></b></a> <div id="mo_web" class="Mo"><font size="+2" color="purple" face="Arial"></font><center><font size="+2" color="purple" face="Arial">This is the MouseOver menu</font><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->