左键弹出式菜单

<style type="text/css">
body{font: 9pt "宋体"; margintop: 0px ; color:
#ffffff; background: #000000}
a.{ font: 9pt "宋体"; cursor: hand; font-size:
9pt ; color: #ffffff; text-decoration: none }
a:active{ font: 9pt "宋体";
cursor: hand; color: #FF0033 }
a.cc:hover{ font: 9pt "宋体"; cursor: hand;
color: #FF0033}
.box{ font: 9pt "宋体"; position: absolute; background: #000000
}
</style>

====2、将以下代码加入到HEML的<body></body>之间:

<table
id="itemopen" class="box"
style="display:none">
<tr>
<td>弹出菜单</td>
</tr>
<tr>
<td><a
href="../../../index.html"
class="cc">本站首页</a></td>
</tr>
<tr>
<td><a
href="../../navigation/newscript.htm"
class="cc">最新更新</a></td>
</tr>
<tr>
<td><a
href="../../navigation/applet/appletindex.htm"
class="cc">梦想软件</a></td>
</tr>
<tr>
<td><a
href="../../../jsschool/index.htm"
class="cc">桌面壁纸</a></td>
</tr>
<tr>
<td><a
href="popmenu.htm"
class="cc">更多连接</a></td>
</tr>
<tr>
<td><a
href="popmenu.htm"
class="cc">更多连接</a></td>
</tr>
<tr>
<td><a
href="popmenu.htm"
class="cc">更多连接</a></td>
</tr>
</table>
</center></div><!--
End of Popup Menu -->
<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>

posted @ 2015-05-28 15:04  酸酸の柚子  阅读(111)  评论(0编辑  收藏  举报