jQuery idTabs - 向左滑動

Question

有誰知道我會怎麼做 - 而不是讓我的idTabs褪色 - 讓他們從左到右移動？可能需要在這裏提供：http://codebins.com/bin/4ldqp7r/2

謝謝！

Answer 1

基本的想法是將滑出內容放置在可見窗格的左側。

#adv2 { 
    ... 
    overflow: hidden; 
    position: relative; 
} 
#adv2 ul{ 
    ... 
    position: relative; 
    z-index: 3; 
}  
#adv2 span { 
    z-index: 1; 
} 
#adv2 span p { 
    position: relative; 
    margin: 0; 
    left: -410px; 
    z-index: 2; 
} 

然後添加javascript來呈現幻燈片輸出效果。

for (i in list) { 
    $(list[i]).css({'left': '-410px', 'display': 'none'}); 
} 
$(id).css({'display': 'none'}).animate({left: '+=410'});