1

我有一个网站,我想在其中突出显示或下划线活动页面,以便查看者一眼就知道他们在哪个页面上。这是html和CSS。我的代码如下所示:

<div class="mainNav" id="nav1">
<span class="navBar">
<a href="index.html" id="homelink">HOME</a> | 
<a href="team.html" id="teamlink">OUR TEAM</a> | 
<a href="partners.html" id="partnerlink">PARTNERS</a> | 
<a href="contact.html" id="contactlink">CONTACT US</a>
</span>
</div>

我对此有点陌生,并且对 Dreamweaver、html 和 CSS 有相当的了解,所以我需要找到一种方法来轻松识别网站访问者的页面。任何帮助表示赞赏....

4

2 回答 2

1

如果您手动制作每个 HTML 页面,那么您需要做的就是为突出显示的<a></a>标签提供一个 CSS 类,然后在您的 CSS 表中,使用该类指定突出显示锚点的规则。这是一个简单的例子:

HTML

<a href="www.example.com/page1.html" class="highlighted">About me</a>
<a href="www.example.com/page2.html">Contact me</a>

CSS

a.highlighted {
  font-weight: bold;
}

另一种方法是使用 JavaScript,这可能会有点混乱,或者使用服务器端解决方案,例如内容管理系统。

于 2012-05-31T15:14:33.187 回答
0

也许这个 JavaScript 很有帮助。它将页面上的链接与当前页面进行比较,并使链接文本变为粗体以进行匹配。

您可以将其放置在正文中加载的函数中,也可以将其放置在 HTML 文档的末尾。

var links=document.getElementsByTagName("A");
for(var i=0;i<links.length;i++)
{
    if(location==links[i].href)
    {
        links[i].style.fontWeight="bold";
    }   
}
于 2012-06-01T00:06:48.270 回答