⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 14-2.htm

📁 JScript网页特效,包含很多的实现网页特效的方法.
💻 HTM
字号:
<html>
<head>
<title>§14.2 下拉菜单(二)</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

var visMnu = "";
var actMnu;

function flipMenu(actMnu)
{
   if (visMnu == "")
      showMenu(actMnu);
   else
   {
      if (visMnu == actMnu)
         hideMenu(actMnu);
      else
      {
         hideMenu(visMnu);
         showMenu(actMnu);
      }
   }
}
function showMenu(actMnu)      //显示菜单
{
   actMnu.style.background = "#889933"; 
   actMnu.style.visibility = "visible";
   visMnu = actMnu;
}
function hideMenu(actMnu)      //隐藏菜单
{
   actMnu.style.background = ""; 
   actMnu.style.visibility = "hidden";
   visMnu = "";
}
//  End -->
</script>
<table name=NaviBar border=0>
<colgroup width="110" span="2"></colgroup>
<tr bgcolor=#FF9933 style="cursor:default">
    <td align=center onMousedown="flipMenu(document.all.Mnu1)" bgcolor="#3366FF"> 
      收藏站点 </td>
    <td align=center onMousedown="flipMenu(document.all.Mnu2)" bgcolor="#3366FF"> 
      国外站点 </td>
</tr>
<tr>
<td valign="top">
<table id=Mnu1 width=100% style="cursor:default; visibility:hidden;">
<tr>
          <td> <a href="#"> </a><a href="%3Ca%20href=%22#%22%3Ehttp://www.163.com%3C/a%3E">网易</a> 
          </td>
        </tr>
<tr>
          <td> <a href="http://www.coolbi.com">酷毙网</a> 
          </td>
        </tr>
<tr>
          <td> <a href="http://www.sina.com.cn"> 新浪网 </a> </td>
        </tr>
<tr>
          <td> <a href="http://javascript100.yeah.net"> 
            Js 100例 </a> </td>
        </tr>
</table>
</td>
<td valign="top">
<table id=Mnu2 width=100% style="cursor:default; visibility:hidden;">
<tr>
          <td> <a href="http://www.aol.com"> AOL </a> </td>
        </tr>
<tr>
          <td> <a href="http://www.yahoo.com"> YAHOO</a></td>
        </tr>
<tr>
          <td> <a href="http://www.microsoft.com"> Microsoft</a> </td>
        </tr>
</table>
</td>
</tr>
</table>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -