当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 任意位置显示html菜单

Javascript
javascript 异常处理使用总结
ExtJS扩展 垂直tabLayout实现代码
JavaScript 新手24条实用建议[TUTS+]
PNG背景在不同浏览器下的应用
实现超用户体验 table排序javascript实现代码
利用JQuery为搜索栏增加tag提示
JQuery 前台切换网站的样式实现
WordPress JQuery处理沙发头像
js form 验证函数 当前比较流行的错误提示
JQuery 无废话系列教程(一) jquery入门 [推荐]
jQuery 表单验证插件formValidation实现个性化错误提示
JQuery 入门实例1
jQuery 可以拖动的div实现代码 修正版
javascript DOM对象的学习实例代码
css 二级菜单 实现代码集合 修正版
ExtJS GTGrid 简单用户管理
jQuery DIV弹出效果实现代码
Javascript 调试利器 Firebug使用详解六
深入javascript json QQ网页登陆
类似新浪网的 弹出视频功能实现代码

Javascript 中的 任意位置显示html菜单


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 285 ::
收藏到网摘: n/a

脚本说明:
把如下代码加入<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 -->