Bootstrap 過渡效果（Transition）插件

Bootstrap 過渡效果（Transition）插件

Bootstrap 的 Transition 插件可以實現(xiàn)過渡效果，Transition 動畫比較平滑，使用起來比較方便和靈活，并且對資源的消耗比較少。

過渡效果（Transition）插件提供了簡單的過渡效果。

如果您想要單獨引用該插件的功能，那么除了其他的 JS 文件，您還需要引用 transition.js?；蛘撸?Bootstrap 插件概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。

Transition.js 是 transitionEnd 事件和 CSS 過渡效果模擬器的基本幫助器類。它被其他插件用來檢查 CSS 過渡效果支持，并用來獲取過渡效果。

提示：transitionEnd 事件是在 CSS 過渡動畫結(jié)束之后自動觸發(fā)的一個事件，這個事件的回調(diào)函數(shù)可以完成對發(fā)生動畫的 DOM 元素進行清理的工作。 

使用案例

過渡效果（Transition）插件的使用案例：

• 具有幻燈片或淡入效果的模態(tài)對話框。具體實例參見 Bootstrap 模態(tài)框（Modal）插件。

• 具有淡出效果的標簽頁。具體實例參見 Bootstrap 標簽頁（Tab）插件。

• 具有淡出效果的警告框。 具體實例參見 Bootstrap 警告框（Alert）插件。

• 具有幻燈片效果的輪播板。具體實例參見 Bootstrap 輪播（Carousel）插件。