纯CSs文字Tooltip库Hint.css

所属分类:UI-工具提示

 3680  46  查看评论 (3)
纯CSs文字Tooltip库Hint.css ie兼容8

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>
相关插件-工具提示

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 15413  117

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 11774  79

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 8489  101

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 15497  115

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    apxgreen 0
    2017/11/3 15:39:09
    ??╊?????? 0
    2017/10/8 20:25:02
    _来自风平浪静的明天009 0
    2017/9/13 10:33:53
    很实用,学习了。 回复
取消回复