带有标签的jQuery Slider

Question

我正在尝试创建一个相对简单的滑块，但我不确定是否必须手动构建它，或者是否有可用于它的现有脚本。

可以看到滑块设计here。

我想我可以在顶部为文字和照片使用淡入/淡出效果，然后为下面的“标签”添加/删除活动类。

是否有关于我可以使用的预制脚本的建议，或者除了手动执行之外我别无选择？

谢谢！

Answer 1

我前几天写过一个非常简单的解决方案，请看一下：http://cssdeck.com/labs/tabs

var menu = $('.menu'),
    tabs = menu.find('a'),
    panes = $('.tab_pane');

tabs.on('click', function() {
    var elem = $(this);

    if (!elem.hasClass('active')) {
        panes.stop(true, true).slideUp();
        tabs.removeClass('active');
        $(panes[elem.parent().index()]).slideDown();
        elem.addClass('active');
    }

});