JQuery вкладка Авто слайд - PullRequest
Новая
       27

JQuery вкладка Авто слайд

0 голосов
/ 22 ноября 2011

Я использую следующий код для создания вкладки в jquery, и когда кто-то щелкает, она открывает эту конкретную вкладку.Поэтому можно изменить его так, чтобы он мог вращать вкладки с заданным интервалом. 

    // Tabs
    // When page loads...
    $(".tab-content").hide(); //Hide all content
    $("ul.sidebar-tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab-content:first").show(); //Show first tab content

    // On Click Event
    $("ul.sidebar-tabs li").click(function() {

        $("ul.sidebar-tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab-content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active ID content
        return false;
    });

HTML-код для того же: 

<ul class="sidebar-tabs">
     <li><a href="#tab-1">Tab1</a></li>
     <li><a href="#tab-2">Tab2</a></li>
</ul><!-- //sidebar-tabs -->
 <div class="tab-container">
     <div id="tab-1" class="tab-content">
     <div>
     <div id="tab-2" class="tab-content">
     <div>
 </div>

1 Ответ

0 голосов
/ 22 ноября 2011

Попробуйте это http://flowplayer.org/tools/tabs/index.html

И еще один пример, который вы можете начать с http://www.smartnetzone.com/blog_demos/auto_rotating_tabs/

Как Если вы хотите изменить существующий, вы можете сделать это следующим образом: 

jQuery("#tabs").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000);
...