分享

应用JavaScript脚本制作二级导航菜单

 qiu977 2013-06-08
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www./TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>应用JavaScript脚本制作二级导航菜单</title>
</head>

<body>
<table width="761" height="218" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" background="images/bg.jpg" bgcolor="#3F8701">
  <tr>
    <td valign="top"><table width="761" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="48" colspan="2"> </td>
      </tr>
      <tr>
        <td height="27" colspan="2" align="right"><table width="761" height="20" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="396"> </td>
            <td width="67" align="center"><a href="index.php">首 页</a></td>
            <td width="75" align="center"><a href="#" onMouseMove="Lmenu('新品')">新品上架</a></td>
            <td width="75" align="center"><a href="#" onMouseMove="Lmenu('购物')">购物车</a></td>
            <td width="74" align="center"><a href="#" onMouseMove="Lmenu('会员')">会员中心</a></td>
            <td width="61" align="center"><a href="index.php">在线帮助</a></td>
            <td width="13"> </td>
          </tr>
        </table>                         </td>
      </tr>
      <tr>
        <td width="226" height="20" align="right"> </td>
        <td width="535" align="right"> <div id="submenu"> </div></td>
           <script language="javascript">
            function Lmenu(value){
                switch (value){
                    case "新品":
                        submenu.innerHTML=" <a href='#'>商品展示</a> | <a href='#'>销售排行榜</a> | <a href='#'>商品查询</a> ";
                        break;            
                    case "购物":
                        submenu.innerHTML=" <a href='#'>添加商品</a> | <a href='#'>移出指定商品</a> |<a href='#'>清空购物车</a> | <a href='#'>查询购物车</a> | <a href='#'>填写订单信息</a> ";
                        break;                    
                    case "会员":
                        submenu.innerHTML=" <a href='#'>注册会员</a> | <a href='#'>修改会员</a> | <a href='#'>账户查询</a> ";
                        break;                        
                    }
            }
         </script>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约