目录式导航菜单


本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language=javascript><!--
function out()
{
if(window.event.toElement.id!="menu"        &&       window.event.toElement.id!="link")
  menu.style.visibility="hidden";
}
//-->

function out1()
{
if(window.event.toElement.id!="menu1"        &&       window.event.toElement.id!="link")
  menu1.style.visibility="hidden";
}
//-->
</SCRIPT>

第二步:把如下代码加入<body>区域中
<div id="back" onmouseout="out()"style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar"  onmouseover="menu.style.visibility='visible'">
<font  color=red size=2>菜单</span>
<div border=1  id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/rjxz.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/rjxz.htm'" tppabs="http://www.csdn.net/javascript/rjxz.htm">软件下载</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/yxxz.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/yxxz.htm'" tppabs="http://www.csdn.net/javascript/yxxz.htm">游戏下载</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/hjsj.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/hjsj.htm'" tppabs="http://www.csdn.net/javascript/hjsj.htm">黄金书籍</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/mntk.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/mntk.htm'" tppabs="http://www.csdn.net/javascript/mntk.htm">美女图库</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/mp3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/mp3.htm'" tppabs="http://www.csdn.net/javascript/mp3.htm">MP3金曲</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/flash.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/flash.htm'" tppabs="http://www.csdn.net/javascript/flash.htm">FLASH</a>
</div>
</div>
<div id="back" onmouseout="out1()"style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar"  onmouseover="menu1.style.visibility='visible'">
<font  color=red size=2>菜单</span>
<div border=1  id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/rjxz.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/rjxz.htm'" tppabs="http://www.csdn.net/javascript/rjxz.htm">软件下载</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/yxxz.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/yxxz.htm'" tppabs="http://www.csdn.net/javascript/yxxz.htm">游戏下载</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/hjsj.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/hjsj.htm'" tppabs="http://www.csdn.net/javascript/hjsj.htm">黄金书籍</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/mntk.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/mntk.htm'" tppabs="http://www.csdn.net/javascript/mntk.htm">美女图库</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/mp3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/mp3.htm'" tppabs="http://www.csdn.net/javascript/mp3.htm">MP3金曲</a>
<a id="link" href="javascript:if(confirm('http://www.csdn.net/javascript/flash.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/flash.htm'" tppabs="http://www.csdn.net/javascript/flash.htm">FLASH</a>
</div>
</div>