左键弹出式菜单 --e天下网络

左键弹出式菜单

[ 来路：时间：2007-9-15 12:02:34 点击： ]

左键弹出式菜单

把如下代码复制到<body></body>之间

<table id="itemopen" class="box" style="display:none" height="128"> <tr> <td height="12">弹出菜单</td> </tr> <tr> <td height="12"><a href="http://www.butong.net" class="cc">网页特效库</a></td> </tr> <tr> <td height="12"><a href="http://www.butong.net/moban/index.htm" class="cc">整站模板</a></td> </tr> <tr> <td height="12"><a href="http://www.butong.net/background/index.htm" class="cc">背景特效</a></td> </tr> <tr> <td height="12"><a href="http://www.butong.net/navigation/index.htm" class="cc">网页特效</a></td> </tr> </table> </center></div> <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>

把如下代码复制到<head></head>之间

<style type="text/css"> body{font: 9pt "宋体"; margintop: 0px ; color: #ffffff; background: #000000} a.{ font: 9pt "宋体"; cursor: hand; font-size: 9pt ; color: #ffffff; text-decoration: none } a:active{ font: 9pt "宋体"; cursor: hand; color: #FF0033 } a.cc:hover{ font: 9pt "宋体"; cursor: hand; color: #FF0033} .box{ font: 9pt "宋体"; position: absolute; background: #000000 } </style>

使用说明：菜单的内容和链接可以在<body></body>代码部分自行更改，弹出菜单的位置只需更改<body></body>代码中menu.style.pixelLeft和menu.style.pixelTop的值即可。

：：：：站长友情提示：多花一分钟学点什么都好：：：：

上一篇：没有了下一篇：劲酷！网页滑出式菜单

：：热点信息：：

= = 免责声明 = =

① 欢迎转载我网所刊信息，请注明“来源：E天下网络”。
② 凡本网注明“来源：XXX（非E天下网络）”的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。
※联系方式：Airtofly@163.com

：：推荐文章：：

Win 2000中DNS服务器的设置

：：视频教程：：

Photoshop	Dreamweaver
Flash MX	Fireworks
Office	AutoCAD
FrontPage	CORELDRAW