自定義動畫Twitter的引導程序選項卡的功能

我使用這個功能選項卡/導航系統：自定義動畫Twitter的引導程序選項卡的功能

# http://twitter.github.com/bootstrap/javascript.html#tabs 

$('#myTab a').click(function (e) { 
    e.preventDefault(); 
    $(this).tab('show'); 
})

不過，我想使用自定義的CSS動畫。這可能嗎？我知道有一個「淡入淡出」功能，但我無法找到有關此功能的大量文檔。

任何幫助，非常感謝！

亞歷

來源

2012-08-13 Alex Fox

真的嗎？一個簡單的谷歌爲我提出了這些資源：http://fvsch.com/code/transition-fade/test5.html http://hugoware.net/blog/using-css-transitions http://bavotasan.com/ 2011/a-simple-fade-with-css3/ – ahren 2012-08-13 20:53:47

我想我應該更清楚些。我想用twitter引導「tab」插件的功能來使用jQuery css動畫...？ – 2012-08-13 22:30:04

嘗試使用 '了slideDown' 或 '淡入'。基本的jQuery效果應該與'show'一樣。

http://api.jquery.com/category/effects/

來源

2012-08-16 02:07:21 rjhilgefort

好的，謝謝我會嘗試一下！ – 2012-08-16 09:18:37

不幸的是沒有這樣的運氣！ – 2012-08-19 23:26:35

添加「變臉」，以「中」 div的與類「選項卡窗格」，另外的類屬性的活動標籤。

<div class="tab-pane active fade in" id="tab1"> 
... 
</div> 
<div class="tab-pane fade" id="tab2"> 
... 
</div>

其他動畫：

$('.tabs').tabs() 
    .bind('change', function (e) { 
     $(this).next().hide().<<Add code to show >> 
});

來源

2013-04-09 14:02:43 Roel

自定義動畫Twitter的引導程序選項卡的功能

回答

相關問題