2个导航栏,一个包含内容区域。如何有效地更改导航栏#2中的内容和来自导航栏#1上的链接的内容

时间:2012-11-17 23:34:33

标签: php css html5 php-include

我的页面顶部有两个导航栏:

      <section id="topnav">
            <ul>
                <li><a href="#">Links formatted like this</a></li>
            </ul>
        </section>
        <section id="bottomnav">
            <ul>
                <li><a href="#">Link</a></li>
            </ul>
        </section>

'bottomnav'将无法填充,直到点击'topnav'上的链接。我希望'bottomnav'成为我认为'topnav'的一种子菜单。例如,在'topnav'上可能有“帖子,页面,设置”,如果你点击帖子,它会将内容框架更改为管理帖子页面,并将'bottomnav'更改为显示“管理帖子,新建,备份帖子“链接等我希望这是有道理的,我似乎有一种无法解释事情的障碍。

我根本无法想到一个简单的方法。一旦模板完成,我将使用PHP。对于标记来说,这不是一个容易的问题。

提前致谢

1 个答案:

答案 0 :(得分:1)

你的问题被标记为正确的东西 - PHP包括!这可能是最简单的方法。只需为底部导航设置不同的导航文件,并包含相关的导航文件。

但是,如果我是你,我会加载所有这些并使用JS来屏蔽除了当前活动的那个之外的所有内容。这将通过必须仅传输所有内容一次而不是五次页面加载来节省带宽。