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)插件。
相关推荐
Cacciatore->4 分钟前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~6 分钟前
React Ref 指南:原理、实现与实践
前端·javascript·react.js
teeeeeeemo7 分钟前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
ac.char18 分钟前
Golang读取ZIP压缩包并显示Gin静态html网站
golang·html·gin
贵沫末26 分钟前
React——基础
前端·react.js·前端框架
每天开心30 分钟前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
aklry37 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin931 小时前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子1 小时前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户3802258598241 小时前
使用three.js实现3D地球
前端·three.js