Javascript 当你点击它时，用指针写一行脚本

我正试图找出它的正确术语，这样我就可以进行更多的研究和学习。 我遇到了这个标签，你点击其中一个标题蓝色线和一个指针弹出指向标签内容。。。（例如，当你点击书籍，然后点击文章等。）。。 这是一个例子

我想知道你是如何创造它的。或者它是什么？这样我就可以开始研究它了

在高级谢谢，我知道我应该首先搜索它，但我不知道从哪里开始

---

干杯

寻找CSS3形状，寻找实际的尖头东西

在任何主要框架中都有用于创建选项卡的插件，或者您可以使用一些jQuery创建一个自定义插件。您需要

.on（'click，…）

和

.fadeIn

/

。fadeOut

对于选项卡视图，在容器中的每个选项卡内容上使用CSS

position:absolute

，并使用

position:relative

（社区维基，因为我实际上没有做任何工作）

演示：

每个选项卡都是一个

，当前选定的选项卡有一个类

current

。您将看到它们有以下CSS规则：

.tab-features .tabs-list .current {
    background: url("images/feature-tab-arrow.gif") no-repeat center 27px;
}

因此，具有当前类的选项卡在选项卡底部下方有一个27px高的箭头图像。他们也可以这样做，而不是使用背景图像：

.tab-features .tabs-list .current:after {
    content: "";
    width: 0;
    height: 0;
    /* These borders make it a triangle */
    border-left: 14px solid transparent;
    border-top: 14px solid #0088aa;
    border-right: 14px solid transparent;
}

---

因此，要实现类似的功能，请找到一个好的tabs脚本或插件，并将当前选择的选项卡设置为这样的样式。

您发布的页面中的选项卡使用一个简单的图像
作为

元素，该元素具有类

.current

on click（jQuery）。

---

该图像以

背景位置定位：中间底部；

并覆盖horiz.azure线条。

我想知道你如何创建它。

一个好的起点是检查该网站的源代码……它字面上叫做标签……这里有什么问题？@Jeremy我猜OP想知道如何设计风格使用CSS的向下箭头选择指示器？@Asad啊，好的。谢谢你的澄清。OP：查看CSS-tricks.com所有，谢谢堆。我将开始玩它…干杯一千