目前我正在寻找一个小项目,设计的一个方面是一个“网络栏”,它将显示在页面的最顶部,并将包含指向站点网络下的各个站点的链接。
但是,我想要合并的一个功能是能够以某种方式显示活动网站。
例如: 网络栏显示:SiteA SiteB SiteC SiteD SiteE 您目前在:SiteC 整个站点的结果:在SiteC中,网络栏中的SiteC的样式不同,以显示状态更改。而SiteA,B,D和E的风格都相同,表明它们不是活动网站。
这完全可以通过CSS实现,还是需要jQuery或其他JavaScript代码片段?
欢迎任何和所有帮助。我甚至不知道如何进一步搜索这一点,说实话......需要一段时间。
阿迪奥斯!
答案 0 :(得分:1)
这很简单。只需使用关联的CSS声明向活动链接添加一个类:
<a href="..." class="active">My site</a>
<a href="...">Other site</a>
CSS:
a.active {
font-weight:bold;
}
或:
...使用ID:
<a href="..." id="active">My site</a>
<a href="...">Other site</a>
a#active {
font-weight:bold;
}