?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文档的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。