整理关于Bootstrap过渡动画的慕课笔记

前端之家收集整理的这篇文章主要介绍了整理关于Bootstrap过渡动画的慕课笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

整理自慕课笔记

动画过渡(Transitions): 源文件:transition.js

Bootstrap框架默认给各个组件提供了基本动画的过渡效果,如果要使用,有两种方法: * 调用统一编译的bootstrap.js; * 调用单一的过渡动画的JavaScript插件文件transition.js(右侧第29行引入Bootstrap上对外公布的transition.js的地址)。

transition.js文件为Bootstrap具有过渡动画效果的组件提供了动画过渡效果。不过需要注意的是,这些过渡动画都是采用CSS3来实现的,所以IE6-8浏览器是不具备这些过渡动画效果

默认情况之下,Bootstrap框架中以下组件使用了过渡动画效果: * 模态弹出窗(Modal)的滑动和渐变效果; * 选项卡(Tab)的渐变效果; * 警告框(Alert)的渐变效果; * 图片轮播(Carousel)的滑动效果

下面举了一个“模态弹出窗(Modal)的滑动和渐变效果”源代码例子。

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"&gt;
<script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-transition.js"&gt;
<script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-modal.js"&gt;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Bootstrap相关文章