作者:
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
就先分享到这里!! :smile: 后续继续更新!!