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)插件。
相关推荐
sunbyte2 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Blurry Loading (毛玻璃加载)
前端·javascript·vue.js
哎哟喂_!3 分钟前
深入掌握Node.js HTTP模块:从开始到放弃
开发语言·前端·javascript·http·node.js
无名之逆22 分钟前
Build High-Performance Web Services with Hyperlane
服务器·开发语言·前端·http·rust
七月shi人36 分钟前
Canvas设计图片编辑器全讲解(一)Canvas基础(万字图文讲解)
前端·javascript·canvas
患得患失9491 小时前
【css】【面试提问】css经典问题总结
前端·css
程序员Bears1 小时前
React深度解析:Hooks体系与Redux Toolkit现代状态管理实践
前端·react.js·前端框架
FungLeo1 小时前
浏览器原生 Web Crypto API 实现 SHA256 Hash 加密
前端·算法·哈希算法·sha256·web crypto api
技术与健康2 小时前
Chrome 插件网络请求的全面指南
前端·chrome
夏天想2 小时前
vue页面目录菜单有些属性是根据缓存读取的。如果缓存更新了。希望这个菜单也跟着更新。
前端·vue.js·缓存
神秘的t2 小时前
Spring Web MVC————入门(3)
前端·后端·spring·mvc