Bootstrap提示框效果的实例代码

前端之家收集整理的这篇文章主要介绍了Bootstrap提示框效果的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了Bootstrap提示框,分享给大家,顺便也给自己留个笔记

前面的话

提示框是一个比较常见的功能,一般来说是鼠标移动到特定元素上时,显示相关的提示语。本文将详细介绍Bootstrap提示

基本用法

Bootstrap框架中的提示框,结构非常简单,常常使用的是按钮

属性参数

提示框组件提供了7个自定义属性参数,用来对提示框进行设置

无动画

JS触发

除了上面所说的最简单的一种触发方法,也可以单独指定一个元素,在该元素上调用Tooltip组件,并且还可以提供各种javascript形式的自定义参数,而无需使用以data-开头的元素自定义属性

按钮

【关键字】

除了使用options对象,还可以使用关键字,'show'、'hide'、'toggle'、'destroy'

提示信息" id="btn1">按钮1

【事件】

插件支持5种类型的事件订阅

  1. show.bs.tooltip show方法调用之后立即触发该事件
  2. shown.bs.tooltip    此事件在tooltip已经显示出来(并且同时在 CSS 过渡效果完成)之后被触发
  3. hide.bs.tooltip hide方法调用之后立即触发该事件。
  4. hidden.bs.tooltip  此事件在tooltip被隐藏(并且同时在 CSS 过渡效果完成)之后被触发
  5. inserted.bs.tooltip 当tooltip模板加载到DOM中上时,在show.bs.tooltip触发后,触发该事件
提示信息" id="btn">按钮

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

原文链接:https://www.f2er.com/bootstrap/37922.html

猜你在找的Bootstrap相关文章