位置: 编程技术 - 正文

Bootstrap每天必学之工具提示(Tooltip)插件(bootstrap怎么学)

编辑:rootadmin

推荐整理分享Bootstrap每天必学之工具提示(Tooltip)插件(bootstrap怎么学),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:bootstrap基础教程,bootstrap怎么学,bootstrap快速入门,bootstrap快速入门,bootstrap基础教程,bootstrap学习,bootstrap学习,bootstrap要学到什么程度,内容如对您有帮助,希望把文章链接给更多的朋友!

当您想要描述一个链接的时候,工具提示(Tooltip)就显得非常有用。工具提示(Tooltip)插件是受 Jason Frame 写的 jQuery.tipsy 的启发。工具提示(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息。

如果您想要单独引用该插件的功能,那么您需要引用 tooltip.js。或者,正如Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。一、用法工具提示(Tooltip)插件根据需求生成内容和标记,默认情况下是把工具提示(tooltip)放在它们的触发元素后面。您可以有以下两种方式添加工具提示(tooltip):

1、通过 data 属性:如需添加一个工具提示(tooltip),只需向一个锚标签添加 data-toggle="tooltip" 即可。锚的 title 即为工具提示(tooltip)的文本。默认情况下,插件把工具提示(tooltip)设置在顶部。

2、通过 JavaScript:通过 JavaScript 触发工具提示(tooltip):

工具提示(Tooltip)插件不像之前所讨论的下拉菜单及其他插件那样,它不是纯 CSS 插件。如需使用该插件,您必须使用 jquery 激活它(读取 javascript)。使用下面的脚本来启用页面中的所有的工具提示(tooltip):

二、选项有一些选项是通过 Bootstrap 数据 API(Bootstrap Data API)添加或通过 JavaScript 调用的。下表列出了这些选项:

三.工具提示

Bootstrap每天必学之工具提示(Tooltip)插件(bootstrap怎么学)

工具提示有很多属性来配置提示的显示,具体如下:

JavaScript 方式直接去掉前面的 data 即可。包括:animation、html、placement、selector、original-title、title、trigger、delay、container 和 template 等属性。

JavaScript 有四个方法:show、hide、toggle 和 destroy 四种。

Tooltip 中事件有四种。

//事件,其他雷同

本文系列教程整理到:Bootstrap基础教程 专题中,欢迎点击学习。

如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

标签: bootstrap怎么学

本文链接地址:https://www.jiuchutong.com/biancheng/373535.html 转载请保留说明!

上一篇:Bootstrap网格系统详解(bootstrap 网格)

下一篇:JavaScript事件处理的方式(三种)

  • 增值税发票如何抵扣税款
  • 营改增抵减的销项税额会计分录
  • 公允价值变动损益属于什么科目
  • 二手商铺买卖税率大约百分比
  • 消费税退回退税流程
  • 光盘税收分类编码是多少
  • 应收账款借方负数的会计分录怎么做
  • 以前年度损益调整会计分录
  • 民办非盈利企业注册
  • 接受捐赠材料需要交税吗
  • 外商投资企业啥意思
  • 收到物业费普通发票做账
  • 应收帐款坏帐损失摘要
  • 企业为职工社保补缴怎么办理
  • 增资的印花税纳税义务时间
  • 高新技术企业注销后退回补贴
  • 诉讼费和保全费什么时候能退还
  • 奖金能否和工资一起发放
  • 结转出租包装物的成本
  • 销售电梯并安装如何缴纳增值税
  • 初始投资成本与可辨认净资产公允价值
  • 房子转租扣钱吗
  • 个人免征增值税起征点
  • 土地使用税从什么时候开始算
  • 建筑测量水准仪怎么读数
  • win10教育版用户账户控制怎么取消
  • 5000以下的固定资产当月一次性扣除怎么申报
  • 可以用鸿蒙系统的手机
  • linux中tomcat如何启动
  • PHP:xml_error_string()的用法_XML解析器函数
  • phpjson
  • jmcacdefg什么意思
  • 软件工程毕设题目冷门
  • 最高像素的手机
  • 192.168.2.1 路
  • php7.0新特性
  • 城建税10%用于教育哪方面
  • 发票认证相符什么意思
  • 车间一般耗材计入
  • logparser命令
  • phpcms上传视频
  • 天然气零售企业
  • 公务交通通讯补贴
  • 其他综合收益在资产负债表中如何填列
  • 以房租入股股份怎么计算
  • 收回已冲销的应收账款会计分录
  • 票据粘贴顺序是什么
  • 代收代付保险费分录
  • 其他收益属于什么类科目
  • 三票合一的发票什么意思
  • 其他权益工具投资是什么意思
  • 申请刻制发票专用章要求
  • 未确认融资费用摊销额怎么计算
  • 海外也不能避税吗
  • 发票金额与付款金额不一致情况说明
  • 预缴的所得税怎么申请退税
  • 记账凭证应该是
  • 固定资产的核算包括
  • 开票信息指的是买方还是卖方
  • mysql8.0存储过程
  • count(10,2,5)
  • mysql服务自动停止运行
  • ubuntu系统防火墙状态
  • SUSE Linux Enterprise Server 11 SP1 安装教程图文详解
  • windows网络诊断在哪
  • win7系统如何修改锁屏密码
  • react常用框架
  • windows visual studio openGL开发环境配置
  • python与c
  • nodejs为什么性能这么好
  • js 页面加载
  • 打造自己的庭院花园游戏
  • 粒子特效优化
  • 如何分析源码
  • unity ulua
  • Android调整按钮位置
  • 增值税9%税率适用范围2023
  • 税务系统今天不能用
  • 新公司印花税的缴纳
  • 上海各区财政收入
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设