javascript - 带有标签的 jQuery 滑块

Question

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

滑块设计可以在这里看到。

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

有没有关于我可以使用的预制脚本的建议，还是我别无选择只能手动执行？

谢谢！

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');
    }

});