鼠标左键点击任意空白处在指定位置显示菜单,之前烈火网发表过点击网页上任意空白处弹出网址的代码,今天介绍的与之前的类似,你只要在网页的任意空白处点击,就会在网页的左边显示一个菜单,这是没有经过美化的,如果你打算使用可以自定义CSS样式。 示例: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>网页任意位置显示菜单</title> </head> <body> <SCRIPT language=javascript><!-- document.onclick = popUp function popUp() { newX = window.event.x + document.body.scrollLeft newY = window.event.y + document.body.scrollTop menu = document.all.VeryHuo if ( menu.style.display == ""){ menu.style.display = "none" } else { menu.style.display = ""} menu.style.pixelLeft = newX - 50 menu.style.pixelTop = newY - 50 } //--> </SCRIPT> 随便在空白处点击试试。 <!-- Start of Popup Menu --> <table id="VeryHuo" class='box' style='display:none'> <tr><td><a href='#' class="cc">弹出菜单</a></td></tr> <tr><td><a href='#' class="cc">本站首页</a></td></tr> <tr><td><a href='#' class="cc">My求职信</a></td></tr> <tr><td><a href='#' class="cc">网上赚钱</a></td></tr> <tr><td><a href='#' class="cc">免费资源</a></td></tr> <tr><td><a href='#' class="cc">更多连接</a></td></tr> <tr><td><a href='#' class="cc">更多连接</a></td></tr> <tr><td><a href='#' class="cc">更多连接</a></td></tr> </table> <!-- End of Popup Menu --> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>提示:可修改后代码再运行! 文章导航 兼容火狐浏览器的offsetX效果 js+css实现鼠标放在链接上弹出菜单,目录式导航代码