Bootstrap 过渡效果(Transition)插件

Bootstrap 的 Transition 插件可以实现过渡效果,Transition 动画比较平滑,使用起来比较方便和灵活,并且对资源的消耗比较少。

过渡效果(Transition)插件提供了简单的过渡效果。

如果您想要单独引用该插件的功能,那么除了其他的 JS 文件,您还需要引用 transition.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js

Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持,并用来获取过渡效果。

提示:transitionEnd 事件是在 CSS 过渡动画结束之后自动触发的一个事件,这个事件的回调函数可以完成对发生动画的 DOM 元素进行清理的工作。 

使用案例

过渡效果(Transition)插件的使用案例: