tooltip.css-2.0文档

原创 卓卓亭亭兮 随笔 插件文档 117阅读 2018-04-19 20:16:10 举报

tooltip.css

v. 2.0.0

更新日期:2018.4.12

tooltip

纯CSS鼠标提示工具。

预览DEMO效果。

安装

只需在页面中引入"tooltip.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属性存放的是显示所需的文本。

如:

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

兼容性:

1)IE9、IE9+

2)Firefox

3)Chrome

4)360 Browser

5)Sogou Explorer

评论 ( 2 )
最新评论
卓卓亭亭兮 1F 2018-04-20 22:13:32 2F

各有好处吧,打字符可以确切的显示行数,这样也更好控制每个方向的tooltip宽度。你要规定宽度,可以直接修改源码后再使用。

lzh2740128806 2018-04-20 16:05:49 1F

我觉得设个最大宽超出换行更好