任意位置显示html菜单

脚本说明:

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

赞 (0)

相关推荐

  • 任意位置显示html菜单

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

  • PopupWindow自定义位置显示的实现代码

    PopupWindow自定义位置显示的实现代码

    一.概述 在Android中弹出式菜单(以下称弹窗)是使用十分广泛的一种菜单呈现方式,弹窗为用户交互提供了便利.关于弹窗的实现大致有以下两种方式AlertDialog和PopupWindow,当然网上也有使用Activity并配合Dialog主题的方式实现弹窗,有兴趣的朋友也可以去研究一下.对于AlertDialog和PopupWindow两者最主要的区别就是显示的位置问题: (1)AlertDialog在位置显示上是固定的 (2)PopupWindow相对比较随意,能够在主屏幕的任意位置显示.

  • Android ScrollView显示到底部或任意位置实现代码

     Android ScrollView显示到底部或任意位置 其实使ScrollView显示底部并不难.它有自己的方法fullScroll(): 1.显示顶部: scrollView.fullScroll(ScrollView.FOCUS_UP); 2.显示底部: scrollView.fullScroll(ScrollView.FOCUS_DOWN); 但是,有一点一定需要注意.这个方法不能直接调用,因为在Android里面,他的很多函数都是基于消息队列来实现的,也就是说fullScroll()

  • JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法

    JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法

    本文实例讲述了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法.分享给大家供大家参考,具体如下: 在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口. 这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的Div,才触发打开新窗口的事件. 比如下图的效果: 在原网页中,指定一个Div,无论用户点击这个Div的任意区域,都会打开新窗口,而点击其它地方则不会. 在新窗口的地址栏不可以编辑,不能被调

  • jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果

    jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果

    本文实例讲述了jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果.分享给大家供大家参考.具体如下: 这是一款jquery菜单特效,点击后高亮背景,个性的菜单特效.网上见到比较多的菜单了,不过像这样这么简单的方法来实现却不多见,本菜单整体简洁,点击导航栏上的任意菜单项后,该菜单项的背景变成黑色,并且鼠标移走后,仍然固定保持黑色,记住了菜单的位置. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-menu-set-focus-

  • 易语言在指定位置显示弹出式菜单的方法

    易语言在指定位置显示弹出式菜单的方法

    弹出菜单方法 英文命令:PopupMenu 操作系统支持:Windows    所属对象:窗口 用于在窗口上的当前鼠标位置或指定坐标位置显示弹出式菜单,如果调用对象为窗口组件,则自动使用其所在的窗口. 语法:  无返回值  窗口组件．弹出菜单 (欲弹出的菜单,［水平显示位置］,［垂直显示位置］) 例程 说明 通过"弹出菜单"命令在指定位置弹出菜单,欲弹出的菜单必须已存在.本方法适用于所有组件. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的

  • Python Pandas如何获取和修改任意位置的值（at,iat,loc,iloc）

    目录 前言 at,iat:选择,获取和更改单个元素的值 loc,iloc:选择,获取和更改单个和多个元素的值 选择单个元素的值 选择多个元素值 选择行/列 当行名和列名具有重复值时 通过数字和标签指定位置 在pandas.Series中选择行时的隐式类型转换 总结 前言 要在pandas.DataFrame中的任何位置检索或更改数据,可以使用at,iat,loc,iloc. 位置的指定方法 at,loc:行标签(行名),列标签(列名) iat,iloc:行号,列号 选择和获取/更改的数据 at,

  • Java-Io-RandomAccessFile任意位置读写数据的操作小结

    Java-Io-RandomAccessFile任意位置读写数据的操作小结

    目录 介绍 构造,模式,方法 问题解决 文件覆盖改追加 案例文件读写 案例多线程文件读写 问题 多线程使用RandomAccessFile 解决readLine乱码的问题 多线程读写乱码的问题 介绍 RandomAccessFile是java语言中最丰富的文件访问类.RandomAccessFile类支持随机访问方式,可以跳转到文件的任意位置读写数据,这个类在文件随机读取时有很大的优势,可利用多线程完成对一个大文件的读写,利用seek对文件进行切分,从大文件的不同位置开线程进行读写. 构造,模式

  • android实现始终显示overflow菜单的方法

    在Android程序设计中,通常来说在Actionbar中在条目过多时会显示三个竖着的小点的菜单,但在实机测试的时候发现并不显示,查找资料并测试之后发现问题所在:如果该机器拥有实体的menu键则不在右侧显示溢出菜单,而改为按menu来生成.这样就不利于统一的界面风格. 我们可以改变系统探测实体menu键的存在与否来改变这个的显示. 菜单显示是根据public boolean hasPermanentMenuKey ()这个方法来判断的.这个方法是获取sHasPermanentMenuKey的bo

  • Javascript仿新浪游戏频道鼠标悬停显示子菜单效果

    Javascript仿新浪游戏频道鼠标悬停显示子菜单效果

    本文实例讲述了Javascript仿新浪游戏频道鼠标悬停显示子菜单效果,分享给大家供大家参考.具体如下: 这里演示使用JS实现的网页栏目分类菜单,从新浪游戏频道扣下来的,操作方式类似于滑动门的效果,鼠标无需点击,只需把鼠标放在一级主菜单上,就可显示出二级分类菜单,这弹出的这个二级菜单中,实际上又重新进行了分类,可以说整体上,这是一款支持三级分类的网站菜单,目前新浪游戏还在用的效果哦. 先来看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-gam

随机推荐