javascript - 将动画添加到选项卡导航

Question

我想知道将动画添加到某些选项卡导航的最简单方法是什么。我正在开发一个小型文档网站Documentation，如您所见，我有一个小箭头，在导航时会添加到选项卡中。

好吧，我在想的是，如果我可以这样做：示例；我尝试了一些东西，我通过 JS 添加了一个跨度，然后点击事件（应用于li元素）触发箭头动画。问题是我停止了脚本，该脚本负责使选项卡在它们停止时工作。

那么还有另一种方法可以实现这样的目标吗？逻辑是什么？

Answer 1

最简单的方法是在 st_slide_container 中添加一个狭窄的绝对位置 div 并将位置放在右侧。在该新元素内添加另一个元素，该元素刚好适合您的箭头图标并且是绝对位置。

使用选项卡更改的回调（取决于插件 API 中可用的内容）或将另一个单击处理程序添加到 a.st_tab。在此事件处理程序中，您可以获得当前选项卡的索引并将位置顶部的动画应用于小箭头元素

编辑：获取索引的单击处理程序示例，该索引将成为top动画的乘数

$('a.st_tab').click(function(){
   alert($(this).parent().index())
})