jQuery的滑块与标签

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

});