位置: 编程技术 - 正文

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事件处理的方式(三种)

  • 金税三期登录界面
  • 所得税禁止扣除项目
  • 间接税种有哪些
  • 小微企业的认定标准2023年
  • 公司网站建设费做账是流量应计入
  • 邀请客户参加公司会议
  • 负数发票报税不让填怎么办
  • 企业所得税大白话解释
  • 一般纳税人初次购入税控系统的分录怎么做
  • 资本金利息收入算业务收入吗
  • 运输费用和保险费用会计分录
  • 中小型物流公司简介
  • 财务人员需具备的基本素质和条件是什么
  • 水电费大于发票怎么处理?
  • 增值税发票价格低于进项
  • 补记以前年度往来款
  • 互联网企业交什么保险
  • 资金账簿印花税最新政策2022年
  • 扣收手续费
  • 银行汇票超期退回怎么办
  • 预收销货款属于负债吗
  • 10万以下免征增值税 文件
  • 建筑工程购买的家用清洁电器能勾选认证吗
  • 企业所得税预缴可以不交吗
  • 苹果手机把旧手机的照片传到新手机
  • 外币账户收到应收账款
  • 增值税发票选择确认平台注意事项
  • 损益类科目包括费用类科目吗
  • 发票开出后只收到部分款怎么处理?
  • 总公司给分公司调货
  • 临时经营如何纳税
  • php 命名空间
  • ssd训练自己的数据集pytorch
  • 企业销售固定资产房屋都要交什么税
  • 小规模纳税人的企业所得税怎么算
  • 收取房屋租赁费的会计分录
  • 企业一直零申报不经营
  • 党费返还怎么记账
  • 基于python语言
  • 财政拨付注册资本金说明
  • 独立法人企业关系怎么写
  • 固定资产为什么要交税
  • 高校报销开普票还是专票
  • 申请刻制发票专用章要求
  • 外贸企业出口货物的计税依据
  • 兼营即征即退产品 增值税
  • 在建工程转固定资产是什么意思?
  • 企业贷款利息费用会计分录
  • 哪些减值准备一经计提不得转回
  • 行政事业单位预算一体化账务处理
  • 小型便利店靠什么进行营利
  • 餐饮会计做账流程图
  • Linux下MySQL 5.5/5.6的修改字符集编码为UTF8的方法
  • win7系统如何关闭系统自检
  • 虚拟机基本知识
  • win8硬盘重装
  • ubuntu16.04火狐打不开网页
  • keyworker什么意思
  • win8怎么设置开机直接进入桌面
  • linux网络编程宋敬彬pdf
  • linux安装过程中的硬盘分区
  • win8删除文件不提示
  • window10邮件
  • 360修复win7
  • opengl画点
  • python中numpy.zeros(np.zeros)的使用方法
  • 利用python读取文件
  • jquery input checked
  • linux进程切换 宋宝华
  • 用javascript写简单网页
  • 百度定位服务平台
  • java教程csdn
  • linux jhat
  • python解决方案与程序有什么不同
  • brook javascript框架介绍
  • 河南省国税电子普通发票发票真伪查询系统
  • 设备租赁增值税怎么抵扣
  • 进口设备需要资质吗
  • 怎么查询地税信息表
  • 无锡税务局稽查一分局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设