点击页面的任何位置就弹出导航菜单效果，当用户再次点击隐藏起来，可结合自己的网站需求来修改这个弹出特效。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>点击页面任何位置弹出导航菜单效果_武鸣人</title>
<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.www_wuming_ren
if ( menu.style.display == ""){
menu.style.display = "none" }
else {
menu.style.display = ""}
//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
menu.style.pixelLeft = newX - 50
menu.style.pixelTop = newY - 50
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
<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.www_wuming_ren
if ( menu.style.display == ""){
menu.style.display = "none" }
else {
menu.style.display = ""}
menu.style.pixelLeft = newX - 50
menu.style.pixelTop = newY - 50
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
<style type="text/css">
body{font: 9pt "宋体"; margintop: 0px ; color: #FFFFFF; background: #FFFFFF}
a.{font:9pt "宋体"; cursor: hand; font-size: 9pt ; color: #ffffff; text-decoration: none }
a:active{font: 9pt "宋体"; cursor: hand; color: #FF0033 }
a.wuming_ren:hover{font: 9pt "宋体"; cursor: hand; color: #FF0033}
.www_wuming_ren{font:9pt "宋体"; position: absolute; background: #ccccff }
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<table id="www_wuming_ren" class='www_wuming_ren' style='display:none'>
<tr><td><a href="https://www.wuming.ren" class="wuming_ren" >武鸣人一号</a></td></tr>
<tr><td><a href="https://www.wuming.ren" class="wuming_ren" >武鸣人二号</a></td></tr>
<tr><td><a href="https://www.wuming.ren" class="wuming_ren" >武鸣人三号</a></td></tr>
<tr><td><a href="https://www.wuming.ren" class="wuming_ren" >武鸣人四号</a></td></tr>
</table>
</body>
</html>本文来自武鸣人网站，转载请注明出处