网站首页 > 教程分享 正文
提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是把提示工具(tooltip)放在它们的触发元素后面。效果如下:
您可以有以下两种方式添加提示工具(tooltip):
1、通过data属性来调用;
如需添加一个提示工具(tooltip),只需向一个a标签添加 data-toggle="tooltip" 即可。a标签的 title 即为提示工具(tooltip)的文本。默认情况下,提示在顶部。
例如:
<a href="#" data-toggle="tooltip" title="我是提示" data-placement="top">请提示出现在我的上面</a>
当鼠标在“请提示在我的上面” 上悬停,就会出现我是提示的注解。
data-placement 有四个值:分别是top bottom left right。就是提示显示的位置;top是默认值。
title里可以包含html标签;例如:title="<h2>'我是h2大小的提示 </h2>"
2、通过JavaScript来调用;
$('#identifier').tooltip(options)
$(function () { $("[data-toggle='tooltip']").tooltip(); });
提示工具(Tooltip)插件它不是纯 CSS 插件。如使用该插件,您必须使用 jquery 激活它。使用上面的脚本来启用。
这就是tooltip的使用方法,一般情况下,我们都使用第一种方法来进行使用。
猜你喜欢
- 2025-05-11 Echarts的tooltip显示自定义格式化解决方案
- 2025-05-11 Angular 自定义指令 Tooltip
- 2025-05-11 C# WinForms中ToolTip的使用
- 2025-05-11 推荐一款魔兽世界各职业天赋毕业装备神插件
- 2025-05-11 魔兽WLK:1款强力插件,全职业BIS装排名,金团消费不怕被忽悠了
- 2025-05-11 脑洞大开! 22 个极具创意的 Tooltip 提示框
你 发表评论:
欢迎- 05-14C#开发串口通信实例及串口基础
- 05-14C#窗体多线程启动,暂停,继续,取消
- 05-14DotNet 入门:(一)环境安装
- 05-14C#中使用命名管道进行进程通信的实例
- 05-14使用C#编程判断某一年是否为闰年
- 05-14C#学习随笔—自定义控件(线,箭头等图形)
- 05-14UE4基础知识总结(三)
- 05-14C#使用 WinForms 实现打印基础操作
- 最近发表
- 标签列表
-
- css导航条 (66)
- sqlinsert (63)
- js提交表单 (60)
- param (62)
- parentelement (65)
- jquery分享 (62)
- check约束 (64)
- curl_init (68)
- sql if语句 (69)
- import (66)
- chmod文件夹 (71)
- clearinterval (71)
- pythonrange (62)
- 数组长度 (61)
- javafx (59)
- 全局消息钩子 (64)
- sort排序 (62)
- jdbc (69)
- php网页源码 (59)
- assert h (69)
- httpclientjar (60)
- postgresql conf (59)
- winform开发 (59)
- mysql数字类型 (71)
- drawimage (61)
本文暂时没有评论,来添加一个吧(●'◡'●)