向选项卡导航添加动画

add animation to an tab navigation

本文关键字：添加 动画 导航 选项      更新时间：2023-09-26

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

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

那么有没有另一种方法可以实现这样的事情呢？逻辑是什么？

最简单的方法是在st_slide_container内添加一个狭窄的绝对位置div，并在右侧添加位置。在该新元素中，添加另一个元素，该元素对于箭头图标来说足够大，并且是绝对位置的。

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

编辑：单击处理程序的示例，以获取索引，这将是top动画的乘数

$('a.st_tab').click(function(){
   alert($(this).parent().index())
})
相关文章：