将动画添加到选项卡导航

时间:2012-06-02 17:46:38

标签: javascript jquery tabs jquery-animate

我想知道在一些标签导航中添加动画的最简单方法是什么。 我正在开发一个小型文档网站Documentation,正如您所看到的那样,我有一个小箭头,可以在导航时添加到标签页。

好吧,我想的是如果我能这样做的话:Sample;我尝试了一些东西,我通过JS添加了一个span,然后在click事件上(应用于li元素)触发了箭头动画。问题在于,我停止了脚本,该脚本负责使标签在停止时起作用。

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

1 个答案:

答案 0 :(得分:1)

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

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

编辑:获取索引的点击处理程序示例,该索引将是top动画的乘数

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