tooltip.css-2.0文档

tooltip.css

纯CSS鼠标提示工具。

v. 2.0.0

更新日期：2018.4.12

预览DEMO。

安装：

只需在页面中引入"tooltip.css"或“tooltip.min.css”文件即可。

如：

<link rel="stylesheet" href="css/tooltip.css" /><--or(或）--><link rel="stylesheet" href="css/tooltip.min.css" />

使用：

1、在需要显示提示的标签上添加 data-tooltip 属性和 data-tooltip-text 两个属性；

2、data-tooltip 属性值代表方向，可以设置为“left”、“right”、“top”、“bottom”、“top-left”、“top-right”、“bottom-left”和“bottom-right”中的任意一个值；

3、data-tooltip-text 属性存放的是显示所需的文本。

如：

<p data-tooltip="left" data-tooltip-text="左边提示">左边提示</p>

文本换行：在要换行的地方添加**&#010**字符

如：

<p data-tooltip="right" data-tooltip-text="右边提示样式 &#010 这个是右边提示样式哦 &#010 css3提示样式">右边提示</p>

兼容性：
1）IE9、IE9

2）Firefox

3）Chrome

4）360 Browser

5）Sogou Explorer

tooltip.css-2.0文档相关推荐

html如何查看字体样式,css2.0文档查阅及字体样式
css2.0文档查阅下载网址:http://soft.hao123.com/soft/appid/9517.html 引入外部样式这个是正常. 这个是粗体. 这个是粗体倾斜. varia ...
Beautiful Soup 4.4.0 文档
Beautiful Soup 4.4.0 文档文章目录 Beautiful Soup 4.4.0 文档 @[toc] 快速开始安装 Beautiful Soup 安装完成后的问题安装解析器如何 ...
Beautiful Soup 4.4.0 文档 — beautifulsoup 4.4.0q 文档
Beautiful Soup 4.4.0 文档¶ Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的 ...
支付宝商户代扣2.0文档
https://docs.alipay.com/pre-open/20170601105911096277/wob270 支付宝商户代扣2.0文档
[css] 你有去看过或者了解过css的标准文档吗？
[css] 你有去看过或者了解过css的标准文档吗? 当然,CSS 中可以研究的太多了,比如 css2 的层叠上下文极其诡异,比如 body 的默认值与普通 dom 的不同,flex-shrink 的 ...
Selenium用户指南 - 第一章 Selenium 2.0 文档修订注解
From: http://blog.csdn.net/planisnothing/article/details/7234995 Selenium 2.0 文档修订注解你好,欢迎!文档团队欢迎你,并 ...
OAuth 2.0 文档
OAuth 2.0 文档初见OAuth2.0 OAuth 2.0是一个业界标准的授权协议,其定义了四种可以适用于各种应用场景的授权交互模式:授权码模式.应用授信模式.用户授信模式.简化模式.其中 ...
关于css脱离标准文档流的两种方式
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
CSS：标准文档流、浮动、绝对定位—（解决有时候父元素不能自动扩展）
CSS(表现标准语言)的三种定位机制标准文档流:从上到下.从左到右,由块级标签(独占一行div ul li dl dt )和行级元素(同一行显示)组成自动居中 margin:0 auto:设置ma ...

tooltip.css-2.0文档

tooltip.css-2.0文档相关推荐

最新文章

热门文章