插件描述：Hint.css 是一个 CSS 实现的工具提示效果。无需 JavaScript 代码。
Hint.css
帮你快速实现这个tooltips提示样式
浏览器兼容
Chrome基本功能 + transition 效果
Firefox基本功能 + transition 效果
Opera基本功能
Safari basic
IE 10+基本功能 + transition 效果
IE 8 & 9 基本功能
使用方法
首先引入CSS样式表
<link href="hint.css" rel="stylesheet" />
HTML代码
通过hint-top, hint-bottom, hint-left, hint-right来改变tootips的提示方向。
而data-hint就是提示文字。
你好， <span data-hint="谢谢!">鼠标经过这里试试吧？</span>
PREVIOUS:
NEXT:
相关插件-工具提示
jquery 工具提示插件awTooltip
awTooltip是一个工具提示插件，用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
工具提示
讨论这个项目（9）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
小确幸 0
2020/8/5 18:27:00
-
哪个大佬晓得，文字特长换行怎么破？
?Yiu Chak0
2020/10/10 14:32:18
-
去掉white-space: nowrap; 加上宽度或者不加就换行了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
