.net - 主导航，类(class)开/关。 HGelp 了解这是如何构建的

Question

好的，所以我想弄清楚这个导航是如何工作的。不知何故，导航上的图像会根据用户所在的页面触发开/关。对于我的生活，我无法弄清楚这是如何设置的。

请注意，我的开发技能是最基本的 HTML/CSS。例如，如果我构建一个新的 .aspx 页面并包含 mainnav.ascx，我无法获得正确的选项卡图像来触发开/关到我需要的位置。谁能帮我解释一下这是怎么回事？

<%@ control language="VB" autoeventwireup="false" inherits="MainNavigation,         App_Web_ez7cbqlr" %>
<div id="tabNav">
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" valign="bottom" class="tabPos1-Off" id="tab0" runat="server">
            &nbsp;</td>
        <td align="center" valign="top" class="tabOff" id="tab1" runat="server" style="vertical-align: top;">
            <a href="/ourMenu_05-000.aspx" class="navLink">
                <asp:Image ID="imgOurMenu" runat="server" ImageUrl="images/tabMenuOff.gif" /></a></td>
        <td valign="bottom" class="tabOverlapOff" id="tab1Over" runat="server">
            &nbsp;</td>
        <td align="center" class="tabOff" id="tab2" runat="server" style="vertical-align: top;">
            <a class="navLink" href="http://blog.com">
                <asp:Image ID="imgExpress" runat="server" ImageUrl="images/tabOurBlogOff.gif" /></a></td>
        <td valign="bottom" class="tabOverlapOff" id="tab2Over" runat="server">
            &nbsp;</td>
        <td align="center" class="tabOff" id="tab3" runat="server" style="vertical-align: top;">
            <a class="navLink" href="customerCenter.aspx">

                <asp:Image ID="imgCustomer" runat="server" ImageUrl="images/tabCustCareOff.gif" /></a></td>
        <td valign="bottom" class="tabOverlapOff" id="tab3Over" runat="server">
            &nbsp;</td>
        <td align="center" class="tabOff" id="tab4" runat="server" style="vertical-align: top;">
            <a class="navLink" href="ordering.aspx">
                <asp:Image ID="img101" runat="server" ImageUrl="images/tabOrder101Off.gif" /></a></td>
        <td valign="bottom" class="tabOverlapOff" id="tab4Over" runat="server">
            &nbsp;</td>
        <td align="center" class="tabOff" id="tab5" runat="server" style="vertical-align: top;">
            <a class="navLink" href="skinnyUs.aspx">
                <asp:Image ID="imgSkinny" runat="server" ImageUrl="images/tabSkinnyOff.gif" /></a></td>
        <td valign="bottom" class="tabOverlapOff" id="tab5Over" runat="server">
            &nbsp;</td>
        <td align="center" class="tabOff" id="tab6" runat="server" style="vertical-align: top;">
            <a class="navLink" href="joinUs.aspx">
                <asp:Image ID="imgJoin" runat="server" ImageUrl="images/tabJoinUsOff.gif" /></a></td>
        <td valign="bottom" class="tabOverlapOff" id="tab6Over" runat="server">
            &nbsp;</td>
        <td align="center" class="tabOff" style="padding-left: 7px; vertical-align: top;"
            id="tab7" runat="server">
            <a class="navLink" href="faqs.aspx">
                <asp:Image ID="imgFAQs" runat="server" ImageUrl="images/tabFaqsOff.gif" /></a></td>
        <td align="center" class="tabPos7-Off" id="tab7Over" runat="server">
            &nbsp;</td>
    </tr>

非常感谢任何帮助!

Answer 1

所有这些表格让我感到恶心:)

这可能不是您正在寻找的答案，但在我看来代码是在服务器端生成的，即正确的 html 代码是从 vb 代码(服务器端)提供的，具体取决于您的页面重新...

由于我们必须进行大量挖掘才能准确了解其工作原理，因此这是我的假设。