2011-04-19 78 views
1

我想自動播放我的標籤。自動播放標籤

http://jsfiddle.net/w3father/KQN3z/

$('#tabs > a').click(function() { 
    var tab = $('.tab_' + $(this).attr('tab')); 
    if (tab.length) 
    { 
     // Hide active tab & selected style: 
     $('.tab_active').removeClass('tab_active'); 
     $('#tabs .active').removeClass('active'); 

     // Show clicked tab content 
     tab.addClass('tab_active'); 
     $(this).addClass('active'); 

     tab.show("slide", { direction: "down" }, 1000); 
     $(this).show("puff", {}, 10); 
    } 
}); 
+0

嗨夥計我有自己的想法http://jsfiddle.net/loganphp/4Z7pe.please做得好它有一些自動播放和用戶點擊的問題。你能幫我嗎?/ – w3father 2011-04-20 10:13:55

回答

2
// starting index 
var currTab = 0; 

// count of all tabs 
var totalTabs = $("#tabs > a").length; 

// function to pass to setInterval 
function cycle() { 

    // simulate click on current tab 
    $("#tabs > a").eq(currTab).click(); 

    // increment counter 
    currTab++; 

    // reset if we're at the last one 
    if (currTab == totalTabs) { 
     currTab = 0; 
    } 
} 

// go! 
var i = setInterval(cycle, 1000); 

http://jsfiddle.net/karim79/KQN3z/5/

+0

它正在工作,但當我點擊標籤時它會崩潰。 – w3father 2011-04-19 11:10:44

+0

@ w3father - 我在這裏改進了一點:http://jsfiddle.net/karim79/KQN3z/8/ – karim79 2011-04-19 11:25:20

+0

是的好。我覺得這是不正確的方式。我不知道如何做到這一點沒有可摺疊 – w3father 2011-04-19 11:33:53