Bootstrap 过渡效果(Transition)插件
Bootstrap 的 Transition 插件可以实现过渡效果,Transition 动画比较平滑,使用起来比较方便和灵活,并且对资源的消耗比较少。
过渡效果(Transition)插件提供了简单的过渡效果。
如果您想要单独引用该插件的功能,那么除了其他的 JS 文件,您还需要引用 transition.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。
Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持,并用来获取过渡效果。
提示:transitionEnd 事件是在 CSS 过渡动画结束之后自动触发的一个事件,这个事件的回调函数可以完成对发生动画的 DOM 元素进行清理的工作。
使用案例
过渡效果(Transition)插件的使用案例:
具有幻灯片或淡入效果的模态对话框。具体实例参见 Bootstrap 模态框(Modal)插件。
具有淡出效果的标签页。具体实例参见 Bootstrap 标签页(Tab)插件。
具有淡出效果的警告框。 具体实例参见 Bootstrap 警告框(Alert)插件。
具有幻灯片效果的轮播板。具体实例参见 Bootstrap 轮播(Carousel)插件。