任意位置显示html菜单

原创 2003年03月10日 10:21:00


脚本说明:

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

 

【HTML】菜单横屏显示

float实现横竖转换
  • idealistic
  • idealistic
  • 2017年04月20日 21:51
  • 520

html 二级菜单的显示和隐藏。+代码(亲测)

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:   style="visibility: none;"   document.getElementById...
  • ITzhongzi
  • ITzhongzi
  • 2016年10月10日 15:58
  • 5263

html二级菜单动画逐渐收缩或显示

动画效果类似这个网站的(= =不是广告,找不到其他的了) http://www.17sucai.com/pins/demoshow/242 具体实现: 动画菜单 * {...
  • C_jian
  • C_jian
  • 2016年10月28日 00:00
  • 1267

Html中鼠标悬停显示二级菜单的两种方法

charset="UTF-8"> type="text/css"> ul{ list-style: none; float: left; } li{ display...
  • a525942
  • a525942
  • 2017年01月20日 10:01
  • 4721

html好看的下拉菜单样式

html> html lang="en"> head> title>Bootstrap模板title> meta charset="UTF-8"> meta name...
  • pangqiandou
  • pangqiandou
  • 2017年07月30日 14:57
  • 1487

用html语言写一个隐藏二级菜单的菜单栏

刚学了html语言,学了一种能够使二级菜单栏隐藏,在鼠标滑到一级菜单栏时,又将二级菜单栏显示出来的方法,这种方法可以时网页生动灵活,非常简洁,所以想写下来。 下面贴上代码: 菜单栏 .sub_...
  • L_BestCoder
  • L_BestCoder
  • 2016年02月04日 20:12
  • 2145

HTML折叠菜单

Insert title here var itemHeight = 40; var dividerHeight = 1;function openMenu(obj) { ...
  • rnaissance
  • rnaissance
  • 2016年05月24日 17:06
  • 456

html隐藏式菜单

隐藏式菜单 #ssm2 A { FONT-SIZE: 12px; COLOR: #808080; FONT-FAMILY: verdana; TEXT-DECORATION: none...
  • qincidong
  • qincidong
  • 2013年05月30日 17:55
  • 1508

HTML菜单

#menu ul{list-style:none} #menu li {float:left; padding:10px; margin:2px; background-color:green; co...
  • sjtu081200
  • sjtu081200
  • 2013年03月17日 20:13
  • 1943

html中一级菜单的制作

html中一级菜单的制作
  • u012294350
  • u012294350
  • 2014年08月13日 14:05
  • 795
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:任意位置显示html菜单
举报原因:
原因补充:

(最多只允许输入30个字)