Bootstrap JavaScript插件： 过渡效果 （transition.js）

作者:WangMin
格言:努力做好自己喜欢的每一件事
CSDN原创文章
博客地址 👉 WangMin

对于简单的过渡效果，只需将transition.js和其它 JS 文件一起引入即可。如果你引入的是压缩版的bootstrap.min.js文件( bootstrap.min.js中包含transition.js )，就不用再单独将其引入了。此外，所有插件默认已经具有基本的过渡效果。例如：

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

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

禁用过度效果

通过下面的 JavaScript 代码可以在全局范围禁用过渡效果，并且必须将代码放在bootstrap.min.js后面，确保在 js 文件加载完毕后再执行下面的代码：

$.support.transition = false

---

就先分享到这里!! 😄 后续继续更新!!