当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 任意位置显示html菜单

任意位置显示html菜单

2019年08月02日  | 移动技术网IT编程  | 我要评论
脚本说明:

把如下代码加入<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='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>

 

  <!-- end of popup menu  -->

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网