?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>
?
文本換行:在要換行的地方添加**
**字符
如:
<p data-tooltip="right" data-tooltip-text="右邊提示樣式 
 這個是右邊提示樣式哦 
 css3提示樣式">右邊提示</p>
?
兼容性:
1)IE9、IE9
2)Firefox
3)Chrome
4)360 Browser
5)Sogou Explorer