aspx 首页导航菜单,样式问题? [图]

[VS2005 C# .aspx]
js文件下载地址:mm_menu.js
html文件格式<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>标题</title>
    <style type="text/css">
a:link {
color: #FFFFFF;
text-decoration: none;
}
</style>    <script language="JavaScript" type="TEXT/JAVASCRIPT">
function mmLoadMenus() {
  if (window.mm_menu_0901095948_0) return;
                window.mm_menu_0901095948_0 = new Menu("root",71,18,"Arial, Helvetica, sans-serif",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
  mm_menu_0901095948_0.addMenuItem("·公司简介","location=''");
  mm_menu_0901095948_0.addMenuItem("·品牌介绍","location=''");
  mm_menu_0901095948_0.addMenuItem("·企业文化","location=''");
  mm_menu_0901095948_0.addMenuItem("·员工风采","location=''");
  mm_menu_0901095948_0.addMenuItem("·人才招聘","location=''");
   mm_menu_0901095948_0.hideOnMouseOut=true;
   mm_menu_0901095948_0.bgColor='#333333';
   mm_menu_0901095948_0.menuBorder=0;
   mm_menu_0901095948_0.menuLiteBgColor='#CC0000';
   mm_menu_0901095948_0.menuBorderBgColor='#333333';
window.mm_menu_1013173548_0 = new Menu("root",71,18,"",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
  mm_menu_1013173548_0.addMenuItem("·公司快讯","location=''");
  mm_menu_1013173548_0.addMenuItem("·媒体报道","location=''");
   mm_menu_1013173548_0.hideOnMouseOut=true;
   mm_menu_1013173548_0.bgColor='#333333';
   mm_menu_1013173548_0.menuBorder=0;
   mm_menu_1013173548_0.menuLiteBgColor='#CC0000';
   mm_menu_1013173548_0.menuBorderBgColor='#333333';
window.mm_menu_1013173933_0 = new Menu("root",71,18,"",12,"#000000","#FF0000","#666666","#666666","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
  mm_menu_1013173933_0.addMenuItem("·春季服装","location=''");
  mm_menu_1013173933_0.addMenuItem("·夏季服装","location=''");
  mm_menu_1013173933_0.addMenuItem("·秋季服装","location=''");
  mm_menu_1013173933_0.addMenuItem("·冬季服装","location=''");
   mm_menu_1013173933_0.hideOnMouseOut=true;
   mm_menu_1013173933_0.bgColor='#333333';
   mm_menu_1013173933_0.menuBorder=0;
   mm_menu_1013173933_0.menuLiteBgColor='#CC0000';
   mm_menu_1013173933_0.menuBorderBgColor='#333333';
          window.mm_menu_1013174231_0 = new Menu("root",71,18,"",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
  mm_menu_1013174231_0.addMenuItem("·每月之星","location=''");
  mm_menu_1013174231_0.addMenuItem("·时尚亲子","location=''");
  mm_menu_1013174231_0.addMenuItem("·时尚百科","location=''");
   mm_menu_1013174231_0.hideOnMouseOut=true;
   mm_menu_1013174231_0.bgColor='#333333';
   mm_menu_1013174231_0.menuBorder=0;
   mm_menu_1013174231_0.menuLiteBgColor='#CC0000';
   mm_menu_1013174231_0.menuBorderBgColor='#333333';
window.mm_menu_1013174457_0 = new Menu("root",71,18,"",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
  mm_menu_1013174457_0.addMenuItem("·在线留言","location=''");
  mm_menu_1013174457_0.addMenuItem("·加盟流程","location=''");
  mm_menu_1013174457_0.addMenuItem("·加盟指南","location=''");
  mm_menu_1013174457_0.addMenuItem("·申请加盟","location=''");
   mm_menu_1013174457_0.hideOnMouseOut=true;
   mm_menu_1013174457_0.bgColor='#333333';
   mm_menu_1013174457_0.menuBorder=0;
   mm_menu_1013174457_0.menuLiteBgColor='#CC0000';
   mm_menu_1013174457_0.menuBorderBgColor='#333333';
mm_menu_1013174457_0.writeMenus();
}
    </script>    <script language="JavaScript" src="mm_menu.js" type="text/javascript"></script></head>
<body>    <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
        <tr>
            <td>
                <table width="100%" border="0">
                    <tr>
                        <td width="11%">
                            <img src="../logo.gif" width="60" height="159"></td>
                        <td width="89%">
                            <table width="700" border="0" align="right">
                                <tr>
                                    <td width="83">
                                        <div align="right" class="style23">
                                            <a href="#" class="style11">首 页</a></div>
                                    </td>
                                    <td width="85">
                                        <div align="right" class="style23">
                                            <a href="#" name="link4""" id="link1" onmouseover="MM_showMenu(window.mm_menu_0901095948_0,0,22,null,'link4')"
                                                onmouseout="MM_startTimeout();">关于</a>
                                        </div>
                                    </td>
                                    <td width="83">
                                        <div align="right" class="style23">
                                            <a href="#" name="link8" id="link3" onmouseover="MM_showMenu(window.mm_menu_1013173548_0,0,25,null,'link8')"
                                                onmouseout="MM_startTimeout();">最新动态</a></div>
                                    </td>
                                    <td width="83">
                                        <div align="right" class="style23">
                                            <a href="#">形象店</a>
                                        </div>
                                    </td>
                                    <td width="83">
                                        <div align="right" class="style23 no12">
                                            <a href="#">产品展示</a></div>
                                    </td>
                                    <td width="83">
                                        <div align="right" class="style23">
                                            <a href="#" name="link2" id="link6" onmouseover="MM_showMenu(window.mm_menu_1013174231_0,0,25,null,'link2')"
                                                onmouseout="MM_startTimeout();">时尚天地</a></div>
                                    </td>
                                    <td width="83">
                                        <div align="right" class="style23">
                                            <a href="#">直销商城</a></div>
                                    </td>
                                    <td width="95">
                                        <div align="right" class="style23">
                                            <a href="#" name="link5" id="link7" onmouseover="MM_showMenu(window.mm_menu_1013174457_0,-250,25,null,'link5')"
                                                onmouseout="MM_startTimeout();">诚邀加盟</a></div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
======================下面还有===========================

解决方案 »

  1.   


    aspx格式
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="A.aspx.cs" Inherits="A" %><!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 runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>标题</title>
        <style type="text/css">
    a:link {
    color: #FFFFFF;
    text-decoration: none;
    }
    </style>    <script language="JavaScript" type="TEXT/JAVASCRIPT">
    function mmLoadMenus() {
      if (window.mm_menu_0901095948_0) return;
                    window.mm_menu_0901095948_0 = new Menu("root",71,18,"Arial, Helvetica, sans-serif",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
      mm_menu_0901095948_0.addMenuItem("·公司简介","location=''");
      mm_menu_0901095948_0.addMenuItem("·品牌介绍","location=''");
      mm_menu_0901095948_0.addMenuItem("·企业文化","location=''");
      mm_menu_0901095948_0.addMenuItem("·员工风采","location=''");
      mm_menu_0901095948_0.addMenuItem("·人才招聘","location=''");
       mm_menu_0901095948_0.hideOnMouseOut=true;
       mm_menu_0901095948_0.bgColor='#333333';
       mm_menu_0901095948_0.menuBorder=0;
       mm_menu_0901095948_0.menuLiteBgColor='#CC0000';
       mm_menu_0901095948_0.menuBorderBgColor='#333333';
    window.mm_menu_1013173548_0 = new Menu("root",71,18,"",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
      mm_menu_1013173548_0.addMenuItem("·公司快讯","location=''");
      mm_menu_1013173548_0.addMenuItem("·媒体报道","location=''");
       mm_menu_1013173548_0.hideOnMouseOut=true;
       mm_menu_1013173548_0.bgColor='#333333';
       mm_menu_1013173548_0.menuBorder=0;
       mm_menu_1013173548_0.menuLiteBgColor='#CC0000';
       mm_menu_1013173548_0.menuBorderBgColor='#333333';
    window.mm_menu_1013173933_0 = new Menu("root",71,18,"",12,"#000000","#FF0000","#666666","#666666","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
      mm_menu_1013173933_0.addMenuItem("·春季服装","location=''");
      mm_menu_1013173933_0.addMenuItem("·夏季服装","location=''");
      mm_menu_1013173933_0.addMenuItem("·秋季服装","location=''");
      mm_menu_1013173933_0.addMenuItem("·冬季服装","location=''");
       mm_menu_1013173933_0.hideOnMouseOut=true;
       mm_menu_1013173933_0.bgColor='#333333';
       mm_menu_1013173933_0.menuBorder=0;
       mm_menu_1013173933_0.menuLiteBgColor='#CC0000';
       mm_menu_1013173933_0.menuBorderBgColor='#333333';
              window.mm_menu_1013174231_0 = new Menu("root",71,18,"",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
      mm_menu_1013174231_0.addMenuItem("·每月之星","location=''");
      mm_menu_1013174231_0.addMenuItem("·时尚亲子","location=''");
      mm_menu_1013174231_0.addMenuItem("·时尚百科","location=''");
       mm_menu_1013174231_0.hideOnMouseOut=true;
       mm_menu_1013174231_0.bgColor='#333333';
       mm_menu_1013174231_0.menuBorder=0;
       mm_menu_1013174231_0.menuLiteBgColor='#CC0000';
       mm_menu_1013174231_0.menuBorderBgColor='#333333';
    window.mm_menu_1013174457_0 = new Menu("root",71,18,"",12,"#FFFFFF","#FF0000","","","left","middle",3,0,1000,-5,7,true,false,false,0,false,true);
      mm_menu_1013174457_0.addMenuItem("·在线留言","location=''");
      mm_menu_1013174457_0.addMenuItem("·加盟流程","location=''");
      mm_menu_1013174457_0.addMenuItem("·加盟指南","location=''");
      mm_menu_1013174457_0.addMenuItem("·申请加盟","location=''");
       mm_menu_1013174457_0.hideOnMouseOut=true;
       mm_menu_1013174457_0.bgColor='#333333';
       mm_menu_1013174457_0.menuBorder=0;
       mm_menu_1013174457_0.menuLiteBgColor='#CC0000';
       mm_menu_1013174457_0.menuBorderBgColor='#333333';
    mm_menu_1013174457_0.writeMenus();
    }
        </script>    <script language="JavaScript" src="mm_menu.js" type="text/javascript"></script></head>
    <body>
        <form id="form1" runat="server">        <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>        <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
                <tr>
                    <td>
                        <table width="100%" border="0">
                            <tr>
                                <td width="11%">
                                    <img src="../logo.gif" width="60" height="159"></td>
                                <td width="89%">
                                    <table width="700" border="0" align="right">
                                        <tr>
                                            <td width="83">
                                                <div align="right" class="style23">
                                                    <a href="#" class="style11">首 页</a></div>
                                            </td>
                                            <td width="85">
                                                <div align="right" class="style23">
                                                    <a href="#" name="link4""" id="link1" onmouseover="MM_showMenu(window.mm_menu_0901095948_0,0,22,null,'link4')"
                                                        onmouseout="MM_startTimeout();">关于</a>
                                                </div>
                                            </td>
                                            <td width="83">
                                                <div align="right" class="style23">
                                                    <a href="#" name="link8" id="link3" onmouseover="MM_showMenu(window.mm_menu_1013173548_0,0,25,null,'link8')"
                                                        onmouseout="MM_startTimeout();">最新动态</a></div>
                                            </td>
                                            <td width="83">
                                                <div align="right" class="style23">
                                                    <a href="#">形象店</a>
                                                </div>
                                            </td>
                                            <td width="83">
                                                <div align="right" class="style23 no12">
                                                    <a href="#">产品展示</a></div>
                                            </td>
                                            <td width="83">
                                                <div align="right" class="style23">
                                                    <a href="#" name="link2" id="link6" onmouseover="MM_showMenu(window.mm_menu_1013174231_0,0,25,null,'link2')"
                                                        onmouseout="MM_startTimeout();">时尚天地</a></div>
                                            </td>
                                            <td width="83">
                                                <div align="right" class="style23">
                                                    <a href="#">直销商城</a></div>
                                            </td>
                                            <td width="95">
                                                <div align="right" class="style23">
                                                    <a href="#" name="link5" id="link7" onmouseover="MM_showMenu(window.mm_menu_1013174457_0,-250,25,null,'link5')"
                                                        onmouseout="MM_startTimeout();">诚邀加盟</a></div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </form>
    </body>
    </html>问题:代码1是html文件格式,代码2是aspx文件格式
         怎么让代码2达到代码1的效果 ?
      

  2.   

    你可以用<ul><li></li></ul>来做 然后设置它的样式  
     样式参考http://topic.csdn.net/u/20080215/12/1107b6af-a761-47d9-b4b8-5bd549ded231.html
      

  3.   

    2段代码是一样的,只是文件格式不同;
    一个是htm格式,一个是aspx格式,预览的效果居然不同
    我想问,代码2怎么修改,才能跟代码1的效果一样?
      

  4.   

    已解决:
    <%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--%>在aspx页面中,把这句1.0的解析注释掉,就可以正常预览了.