javascript实现在网页任意处点左键弹出隐藏菜单的方法

2019-11-20 12:29:49

字体：大中小

来源：转载

供稿：网友

在网页的任意处点击左键就会弹出来，实际上是用JS控制DIV层的显示，DIV层内嵌套的是一个表格，表格里放菜单，这样修改方便，不会CSS也没关系，你可以把它复制下来，用DW打开重新修改一下菜单样式，换成你自己喜欢的色彩

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>隐藏菜单</title><style type="text/css">body { font: 9pt;}.box { font: 9pt "宋体"; position: absolute; background: skyblue;}</style></head><body><table cellpadding="5" id="itemopen" class="box" style="display:none"> <tr>  <td bgcolor="#0066cc">网站导航：</td> </tr><tr>  <td><a href="/">AJAX实例</a></td> </tr> <tr>  <td><a href="/jscss/">jQuery相关</a></td> </tr> <tr>  <td><a href="/jscss/">ExtJS演示</a></td> </tr></table></center></div><script language="JavaScript">document.onclick = popUp function popUp() {newX = window.event.x + document.body.scrollLeftnewY = window.event.y + document.body.scrollTopmenu = 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><body><p align="center"><font size="3">点击左键看看？</p></body></html>

希望本文所述对大家的javascript程序设计有所帮助。

上一篇：javascript中clipboardData对象用法详解

下一篇：浅谈jQuery中replace()方法