任意位置显示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 $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
jquery删除ID为sNews的tr元素的内容
Apr 10 Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 Javascript
如何让一个json文件显示在表格里【实现代码】
May 09 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
Nov 13 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 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
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
js TextArea的选中区域处理
2010/12/28 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
检查表单元素的值是否为空的实例代码
2016/06/16 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
Python中的引用和拷贝浅析
2014/11/22 Python
Python的Flask框架中web表单的教程
2015/04/20 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
世界上最好的野生海鲜和有机食品:Vital Choice
2020/01/16 全球购物
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
成教毕业生自我鉴定
2013/10/23 职场文书
保护环境的建议书
2014/03/12 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技