二级导航菜单代码,Css代码库,德仔网

代码语言
代码分类
【Css】二级导航菜单
作者:Dezai.CN / 发布于2013/2/20/ 580
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二级导航菜单</title>
<style type="text/css">
a {
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    color: #FC0;
    text-align: center;
}
a:hover{
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    color: #F00;
}
.selRef{
    font-size: 14px;
    font-style: normal;
    color: #FF0;    
}
</style>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <table width="610" height="441" border="0" align="center">
    <tr>
      <th height="62" align="right" valign="bottom" scope="col"><table width="337" border="1" align="right"  cellspacing="0" bordercolor="#993399" background="images/menuBK.JPG">
        <tr>
          <td width="327" scope="col"> <a href ='#' onmousemove= MenuCtrl('论坛中心','subMenu');>论坛中心</a></td>
          <td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('勘误发布','subMenu');>勘误发布</a></td>
          <td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('作品展示','subMenu');>作品展示</a></td>
          <td width="327" scope="col"><a href = '#' onmousemove=MenuCtrl('联系我们','subMenu');>联系我们</a></td>
        </tr>
      </table></th>
    </tr>
    <tr valign="top">
      <td height="373"><table width="606" border="0" align="center">
        <tr>
          <th width="283" scope="col"></th>
          <th width="313" scope="col"><div id="subMenu" align="left"></div></th>
        </tr>
      </table></td>
    </tr>
  </table>
</form>
</body>

<script language="javascript">
    var curSel = "";
    function  MenuCtrl(menuID, divID){
        var divObj = document.getElementById(divID);
        
        if (divObj == null)
        {
            return;    
        }
        switch (menuID)
        {
            case '论坛中心':
            {
                divObj.innerHTML = "<a href = '#'>Visual C++ |<a href = '#'> Visual Basic |<a href = '#'> PHP </a>";
                curSel ='论坛中心';
                break;
            }
            case '勘误发布':
            {
                divObj.innerHTML = "<a href = '#'>光盘错误 |<a href = '#'> 文档错误 |<a href = '#'>目录错误 </a>";
                curSel = '勘误发布';
                break;
            }
            case '作品展示':
            {
                divObj.innerHTML = "<a href = '#'>视频学VB |<a href = '#'> 视频学VC |<a href = '#'>视频学Asp.net |<a href='#'> 视频学C# </a>";
                curSel = '作品展心';
                break;    
            }
            case '联系我们':
            {
                divObj.innerHTML = "<a href = '#'>OICQ |<a href = '#'> MSN|<a href = '#'> Phone</a>";
                curSel ='联系我们';
                break;    
            }
        }
    }
    if (document.all)
    {    
        MenuCtrl('论坛中心', 'subMenu');
    }
</script>

</html>
试试其它关键字
　导航菜单　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)