Bootstrap3 过渡插件

使用过渡效果

Bootstrap默认给各个组件都提供了基本的过渡效果。如果你是使用bootstrap.js或bootstrap.min.js一次性引入所有插件，这些组件就已经默认拥有过渡效果。如果你是单个引入组件，则要先引入transition.js，再引入相应插件的 JS 文件。

Bootstrap中的以下组件默认具有过渡效果：

模态对话框（Modal）的滑入滑出和淡入淡出；标签页（Tab）的淡出；警告框（Alert）的淡出；轮番（Carousel）的滑入滑出。

需要注意的是，Bootstrap的过渡效果全部使用了CSS3的动画特性，由于受CSS3的限制，它提供的特效非常有限。并且，IE8及以下的版本均不支持CSS3的动画特性，这些浏览器中将看不到过渡效果。

过渡插件的内容

准确的讲，过渡插件（transition.js）并不是一个标准的Bootstrap插件，它只是一个检测当前浏览器是否支持 CSS 的过渡效果的辅助工具。

transition.js文件检测浏览器是否支持过渡效果，并将检测结果保存在 $.support.transition 属性中，供其他插件使用。其他任何插件，可以直接获取 $.support.transition 属性的值，来判断当前浏览器是否支持过渡效果。

禁用过渡效果

如果要在全局范围禁用过渡效果，你只需将 $.support.transition 属性的值设置为 false 即可。如：

$.support.transition = false

需要注意的是，你必须将上述代码放在transition.js、或bootstrap.js、或bootstrap.min.js的后面，以确保在 js 文件加载完毕后再执行它。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。