Javascript 添加Facebook使用的主动效果

我喜欢Facebook在网站上显示活动标签的方式。

但我发现它只使用了一个小图像（在删除浮动后：[时间线]框的左侧）。

---

我相信有一种方法可以不用图像，只使用CSS或JavaScript或两者。感谢您的帮助。

您可以使用css和javascript。基本上，您会找到用户所在的路径，然后根据您所在的位置对元素应用一些css。例如，假设所有选项卡都有一个小三角形图像。现在想象一下，默认情况下，它们都将“可见性：隐藏”作为css属性

您可以使用window.location.pathname在javascript中获取当前路径。例如，在时间轴页面上，您希望时间轴选项卡具有一个活动类。你可以这样做

var timeline = document.querySelector(<selector for your timeline tag>);
timeline.classList.add('active');

var timeline=document.querySelector（）；
timeline.classList.add（'active'）；

在css中，类为“active”的选项卡的css属性为“visibility:visible”

---

因此，基本上所有发生的事情都是根据我们所处的路线添加或删除css。

这里是一个css向上箭头：

.arrow-up {
   width: 0; 
   height: 0; 
   border-left: 150px solid transparent;
   border-right: 150px solid transparent;
   border-bottom: 150px solid black;
}

演示：

---

来源：

我的意思是我不想使用图像，只想使用CSS或JavaScript或两者，很抱歉我没有在问题中包括这一点，我现在包括了，谢谢你的帮助。可能是重复的