Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Menu ẩn ở phía trái
URL: https://www.javascriptbank.com/side-nav-menu.html
Hiệu ứng tạo một trình đơn có các mục chọn ẩn ở phía trái của trang web, để các mục chọn này xuất hiện bạn phải rê con trỏ chuột vào tiêu đề và nhấn mũi tên để ẩn đi.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Menu ẩn ở phía trái
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-->