任意位置显示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动态创建DOM、表单元素的实现代码
Aug 09 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
Dec 26 Javascript
通过webpack引入第三方库的方法
Jul 20 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
微信小程序日历效果
Dec 29 Javascript
mpvue 项目初始化及实现授权登录的实现方法
Jul 20 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
重置版宣传动画
2020/04/09 魔兽争霸
Oracle 常见问题解答
2006/10/09 PHP
php a simple smtp class
2007/11/26 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
PHP 断点续传实例详解
2017/11/11 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
PHP echo()函数讲解
2019/02/15 PHP
javascript 主动派发事件总结
2011/08/09 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
DOM事件探秘篇
2017/02/15 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
2017/07/02 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
教你如何用node连接redis的示例代码
2018/07/12 Javascript
微信小程序使用gitee进行版本管理
2018/09/20 Javascript
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
numba提升python运行速度的实例方法
2021/01/25 Python
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
美国运动鞋类和服装零售连锁店:Shoe Palace
2019/08/13 全球购物
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
活动总结格式范文
2014/04/26 职场文书
家长会学生演讲稿
2014/04/26 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
廉洁自律个人总结
2015/02/14 职场文书
2015新学期开学寄语
2015/02/26 职场文书
2015年司机工作总结
2015/04/23 职场文书
2015年话务员工作总结
2015/04/29 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS
详解Python中的for循环
2022/04/30 Python