以文本方式查看主题 - 泥客论坛(十几年前的回忆) (http://kesonic.com/bbs/index.asp) -- ☆网页制作☆ (http://kesonic.com/bbs/list.asp?boardid=81) ---- 任意位置显示导航信息 无论你在什么地方点击左键,导航菜单都会自动跳出来,非常实用 (http://kesonic.com/bbs/dispbbs.asp?boardid=81&id=4553) |
-- 作者:dmacro -- 发布时间:2003/9/30 9:56:41 -- 任意位置显示导航信息 无论你在什么地方点击左键,导航菜单都会自动跳出来,非常实用 第一步:把如下代码加入<head>区域中: <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR:black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } a.cc:hover { font: 9pt "宋体"; cursor: hand; color: #FF0033} .box { font: 9pt "宋体"; position: absolute; background: #fef4d9 } --> </style> 第二步:把如下代码加入<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.itemopen 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="itemopen" class=\'box\' style=\'display:none\'> <tr><td><a href=\'index.htm\' class="cc" >弹出菜单</a></td></tr> <tr><td><a href=\'http://wwwdna.yeah.net\' class="cc" >本站首页</a></td></tr> <tr><td><a href=\'http://webid.126.com\' class="cc">经典网址</a></td></tr> <tr><td><a href=\'http://edna.126.com\' class="cc" >网上赚钱</a></td></tr> <tr><td><a href=\'emaildna.126.com\' class="cc" >免费资源</a></td></tr> <tr><td><a href=\'http://wwwdna.yeah.net\' class="cc" >网络教程</a></td></tr> <tr><td><a href=\'http://webid.126.com\' class="cc" >精彩网址</a></td></tr> <tr><td><a href=\'http://eskill.126.com\' class="cc" >网页技巧</a></td></tr> </table> <!-- End of Popup Menu --> |