插件描述：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:
相关插件-工具提示
Metro风格的jQuery个性化消息提示插件
介绍一款Metro风格的消息提示框插件，插件是基于jQuery的，不仅拥有Metro哪种简单精巧的UI风格，而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件，比如HTML5CSS3弹出提示框，感兴趣的朋友也可以前往关注。
工具提示
讨论这个项目（9）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
小确幸 0
2020/8/5 18:27:00
-
哪个大佬晓得，文字特长换行怎么破？
?Yiu Chak0
2020/10/10 14:32:18
-
去掉white-space: nowrap; 加上宽度或者不加就换行了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
