目录式导航菜单（鼠标放上的下拉菜单。）

『更新时间：2002-9-14 』『字体：变小变大』『作者：未知 | 来源：网络』

把如下代码加入<body>区域中:
脚本说明: 第一步:把如下代码加入区域中
<SCRIPT language=javascript>

function out1()
{
if(window.event.toElement.id!="menu1"        &&       window.event.toElement.id!="link")
  menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
 第二步:把如下代码加入区域中 
<DIV id=back style="Z-INDEX: 1; LEFT: 310px; VISIBILITY: visible; WIDTH: 160px; POSITION: absolute; TOP: 180px; HEIGHT: 40px" onmouseout=out()><SPAN id=menubar onmouseover="menu.style.visibility='visible'"><FONT color=red size=2>菜单</SPAN> 
<DIV id=menu style="Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 50px; POSITION: absolute; TOP: 15px; HEIGHT: 10px" border="1"><A id=link href="rjxz.htm">软件下载</A> <A id=link href="yxxz.htm">游戏下载</A> <A id=link href="hjsj.htm">黄金书籍</A> <A id=link href="mntk.htm">美女图库</A> <A id=link href="mp3.htm">MP3金曲</A> <A id=link href="flash.htm">FLASH</A> </DIV></DIV>
<DIV id=back style="Z-INDEX: 3; LEFT: 370px; VISIBILITY: visible; WIDTH: 160px; POSITION: absolute; TOP: 180px; HEIGHT: 40px" onmouseout=out1()><SPAN id=menubar onmouseover="menu1.style.visibility='visible'"><FONT color=red size=2>菜单</SPAN> 
<DIV id=menu1 style="Z-INDEX: 4; LEFT: 0px; VISIBILITY: hidden; WIDTH: 50px; POSITION: absolute; TOP: 15px; HEIGHT: 10px" border="1"><A id=link href="rjxz.htm">软件下载</A> <A id=link href="yxxz.htm">游戏下载</A> <A id=link href="hjsj.htm">黄金书籍</A> <A id=link href="mntk.htm">美女图库</A> <A id=link href="mp3.htm">MP3金曲</A> <A id=link href="flash.htm">FLASH</A> </DIV></DIV></FONT></FONT>

【点击数：】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

目录式导航菜单（鼠标放上的下拉菜单。）

相关文章

网友评论