»
Tiếng AnhTiếng PhápTiếng Việt

In - Menu ẩn - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trình đơn » Menu ẩn
URL: https://www.javascriptbank.com/menu-visibility.html

Menu ẩn © JavaScriptBank.comHiệu ứng tạo một trình đơn ẩn trên trang web, để ẩn/hiện nó, bạn chỉ cần rê/nhấp chuột vào liên kết.

Phiên bản đầy đủ: jsB@nk » Trình đơn » Menu ẩn
URL: https://www.javascriptbank.com/menu-visibility.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->