javascript特效,左键菜单

最新推荐文章于 2021-06-07 11:52:55 发布

原创最新推荐文章于 2021-06-07 11:52:55 发布 · 993 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #class #menu #function #table

其它专栏收录该内容

7 篇文章

订阅专栏

此博客主要展示了用JavaScript实现弹出菜单的代码。通过定义`popUp`函数，根据鼠标点击位置确定菜单显示位置，点击页面时可切换菜单的显示与隐藏状态，菜单以表格形式呈现，包含多个链接选项。

<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>

<table id="itemopen" class='box' style='display:none'>
<tr><td><a href='index.htm' class="cc" >弹出菜单</a></td></tr>
<tr><td><a href='time1.htm' class="cc" >本站首页</a></td></tr>
<tr><td><a href='time2.htm' class="cc">My求职信</a></td></tr>
<tr><td><a href='time3.htm' class="cc" >网上赚钱</a></td></tr>
<tr><td><a href='ye1.htm' class="cc" >免费资源</a></td></tr>
<tr><td><a href='ye2.htm' class="cc" >更多连接</a></td></tr>
<tr><td><a href='ye3.htm' class="cc" >更多连接</a></td></tr>
<tr><td><a href='zh1.htm' class="cc" >更多连接</a></td></tr>
</table>