【问题标题】:Make nav link current for specific webpage使特定网页的导航链接成为当前链接
【发布时间】:2018-04-01 18:53:58
【问题描述】:

我想在我的网站中为我的导航链接创建当前状态。 例如,当我单击“联系人”时,链接会将我引至联系人页面,我希望导航中的“联系人”链接更改他的颜色。

问题是我在所有带有 php.ini 的网页中都包含了来自外部 html 文件的标题。因此,如果我编辑此外部头文件,更改将影响所有其他页面,而不仅仅是联系人页面。

【问题讨论】:

  • 你不认为这种情况是几乎所有网站都使用的非常普遍的情况吗? ...所以不要告诉我你在谷歌上没有发现任何线索?

标签: php html css


【解决方案1】:

您可以将页面正文的id 设置为代表当前页面的某个值。然后为菜单中的每个元素设置一个特定于该菜单项的类。在您的CSS 中,您可以设置一个规则来专门突出显示菜单项。

这可能没有多大意义,所以这里有一个例子:

<body id="index">
<div id="menu">
 <ul>
  <li class="index"     ><a href="index.html">Index page</a></li>
  <li class="contact"     ><a href="contact.html">Page 1</a></li>
 </ul>
</div> <!-- menu -->
</body>

在您的 contact.html 中,您可以将正文的 id 设置为:id="contact"

最后在你的 CSS 中你有如下内容:

#index #menu .index, #contact #menu .contact{
  font-weight: bold;
}

您需要更改每个页面的 ID,但 CSS 保持不变,这很重要,因为 CSS 经常被缓存并且可能需要强制刷新才能更新。

它不是动态的,但它是一种简单的方法,您可以使用 PHP 或类似工具从模板文件中 include 菜单 html。

【讨论】:

    猜你喜欢
    • 2016-10-01
    • 2014-01-03
    • 2015-07-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-30
    • 2016-09-30
    • 2016-03-25
    相关资源
    最近更新 更多