查看此帖的完整版本:任意位置显示导航信息 无论你在什么地方点击左键,导航菜单都会自动跳出来,非常实用阅读 3649 次

作者:dmacro 30/09/2003 09: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  -->


分页:[1]