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