5.2 Bootstrap 过渡效果(Transition)插件

文章目录

  • [Bootstrap 过渡效果(Transition)插件](#Bootstrap 过渡效果(Transition)插件)
  • 使用案例

Bootstrap 过渡效果(Transition)插件

过渡效果(Transition)插件提供了简单的过渡效果。

注意:如果您想要单独引用该插件的功能,那么除了其他的 JS 文件,您还需要引用 transition.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。

Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持,并用来获取过渡效果。

使用案例

过渡效果(Transition)插件的使用案例:

  • 具有幻灯片或淡入效果的模态对话框。具体实例参见 Bootstrap 模态框(Modal)插件。
  • 具有淡出效果的标签页。具体实例参见 Bootstrap 标签页(Tab)插件。
  • 具有淡出效果的警告框。 具体实例参见 Bootstrap 警告框(Alert)插件。
  • 具有幻灯片效果的轮播板。具体实例参见 Bootstrap 轮播(Carousel)插件。
相关推荐
全栈技术负责人12 分钟前
Hybrid应用性能优化实战分享(本文iOS 与 H5为例,安卓同理)
前端·ios·性能优化·html5
xw521 分钟前
移动端调试上篇
前端
@菜菜_达25 分钟前
Lodash方法总结
开发语言·前端·javascript
YAY_tyy35 分钟前
基于 Vue3 + VueOffice 的多格式文档预览组件实现(支持 PDF/Word/Excel/PPT)
前端·javascript·vue.js·pdf·word·excel
Yvonne爱编码1 小时前
AJAX入门-AJAX 概念和 axios 使用
前端·javascript·ajax·html·js
tangweiguo030519871 小时前
基于 Django 与 Bootstrap 构建的现代化设备管理平台
后端·django·bootstrap
在路上`1 小时前
前端学习之后端java小白(三)-sql外键约束一对多
java·前端·学习
果壳~1 小时前
【Python】爬虫html提取内容基础,bs4
爬虫·python·html
Pu_Nine_92 小时前
10 分钟上手 ECharts:从“能跑”到“生产级”的完整踩坑之旅
前端·javascript·echarts·css3·html5
東雪蓮☆3 小时前
从零开始掌握 Web 与 Nginx:入门详解
运维·服务器·前端·nginx