Phiên bản đầy đủ: jsB@nk » Trình đơn » Trình đơn nhiều cấp » Menu kiểu popup
URL: https://www.javascriptbank.com/pop-up-menu-with-co-ordinate.html
Một đoạn mã JavaScript khác để tạo hiệu ứng trình đơn kiểu popup khi người dùng rê con trỏ chuột vào liên kết được chỉ định. Bên cạnh đó, hiệu ứng JavaScript này còn hiển thị tọa độ chuột ở thanh trạng thái.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Trình đơn nhiều cấp » Menu kiểu popup
URL: https://www.javascriptbank.com/pop-up-menu-with-co-ordinate.html
<style> #menu {position:absolute;visibility:hidden;top:20;left:30;z-index:10;}/*background:"#000000";}*/ A {font-family:"Arial";color:"#000";text-decoration:none;} A.menu {color:"#FFFFFF";text-decoration:none;} A:Hover {color:"#FF0000";text-decoration:none;} </style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<script language="javascript"> <!-- var where = ""; // which link var isNav = (navigator.appName == "Netscape") ? true:false; function up(where) { if(where == "j") { if(isNav) { document.menu.visibility = "show"; } else { document.all('menu').style.visibility = "Visible"; } } } function down() { if(isNav) { document.menu.visibility = "hidden"; } else { document.all('menu').style.visibility = "hidden"; } } function checkwhere(e) { if(isNav) {evt = e;} else {evt = event;} xCoord = window.evt.x; yCoord = window.evt.y; self.status = "x : "+ xCoord + "y : " + yCoord; if(yCoord > 80) {down();} if(xCoord > 280) {down();} } function nono(e) { var code = isNav ? e.which:event.button if(code == 2 || code == 3) { alert("NO Stealing!!"); } } document.onmousemove = checkwhere; document.onmousedown = nono; if(isNav) {document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);} //--> </script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<a href="http://JavaScriptBank.com/" onmouseover="up('j');self.status='Jscript Index';return true">JavaScriptBank.com</a> <div id="menu"><table border="1" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tbody><tr> <td><h6><a href="http://JavaScriptBank.com/" class="menu">Browser</a> <a href="http://JavaScriptBank.com/" class="menu">Graphics</a> <a href="http://JavaScriptBank.com/" class="menu">Security</a><br> <a href="http://JavaScriptBank.com/" class="menu">Games</a> <a href="http://JavaScriptBank.com/" class="menu">Others</a></h6></td> </tr> </tbody></table> </div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->