网站制作学习网JS脚本→正文:左键弹出式菜单
字体:

左键弹出式菜单

JS脚本 2008/1/23 8:12:25  点击:不统计

1、将以下代码加入HEML的<head></head>之间:



<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="www.froasp.cn" class="cc">桌面壁纸</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" class="cc">更多连接</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" class="cc">更多连接</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" 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>

·上一篇:关闭子窗口时刷新父窗口 >>    ·下一篇:推拉门式样的菜单 >>
推荐文章
最新文章