AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
javascript,网页任意处,左键,弹出隐藏菜单

在网页的任意处点击左键就会弹出来,实际上是用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,网页任意处,左键,弹出隐藏菜单  
上一篇:javascript中clipboardData对象用法详解  下一篇:浅谈jQuery中replace()方法