Bootstrap 過(guò)渡效果（Transition）插件

Bootstrap 過(guò)渡效果（Transition）插件

Bootstrap 的 Transition 插件可以實(shí)現(xiàn)過(guò)渡效果，Transition 動(dòng)畫(huà)比較平滑，使用起來(lái)比較方便和靈活，并且對(duì)資源的消耗比較少。

過(guò)渡效果（Transition）插件提供了簡(jiǎn)單的過(guò)渡效果。

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

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

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

使用案例

過(guò)渡效果（Transition）插件的使用案例：

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

• 具有淡出效果的標(biāo)簽頁(yè)。具體實(shí)例參見(jiàn) Bootstrap 標(biāo)簽頁(yè)（Tab）插件。

• 具有淡出效果的警告框。 具體實(shí)例參見(jiàn) Bootstrap 警告框（Alert）插件。

• 具有幻燈片效果的輪播板。具體實(shí)例參見(jiàn) Bootstrap 輪播（Carousel）插件。