任意位置显示html菜单


Posted in Javascript onFebruary 01, 2007

脚本说明:

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

Javascript 相关文章推荐
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
Javascript闭包(Closure)详解
May 05 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 Javascript
vue 子组件和父组件传值的示例
Sep 11 Javascript
Javascript 判断 object 的特定类转载
Feb 01 #Javascript
背景音乐每次刷新都可以自动更换
Feb 01 #Javascript
做网页的一些技巧
Feb 01 #Javascript
window.open()弹出居中的窗口
Feb 01 #Javascript
做网页的一些技巧(续)
Feb 01 #Javascript
javascript的函数
Jan 31 #Javascript
Flash对联广告的关闭按钮讨论
Jan 30 #Javascript
You might like
PHP 可阅读随机字符串代码
2010/05/26 PHP
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
第十章之巨幕页头缩略图与警告框组件
2016/04/25 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
2019/03/06 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
Python函数嵌套实例
2014/09/23 Python
python实现ipsec开权限实例
2014/11/11 Python
python操作sqlite的CRUD实例分析
2015/05/08 Python
python从入门到精通(DAY 3)
2015/12/20 Python
Python中请不要再用re.compile了
2019/06/30 Python
python 成功引入包但无法正常调用的解决
2020/03/09 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
波兰运动鞋网上商店:e-Sporting
2018/02/16 全球购物
卡拉威高尔夫官方网站:Callaway Golf
2020/09/16 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
全陪导游欢迎词
2014/01/17 职场文书
出纳试用期自我鉴定
2014/04/07 职场文书
建筑工地标语
2014/06/18 职场文书
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
销售顾问工作计划书
2014/09/15 职场文书
小学生暑假安全公约
2015/07/14 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
同学聚会开幕词
2019/04/02 职场文书
公证书
2019/04/17 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
html实现弹窗的实例
2021/06/09 HTML / CSS