纯CSs文字Tooltip库Hint.css

所属分类:UI-工具提示

 2576  38  查看评论 (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>
相关插件-工具提示

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 7730  45

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 10353  36

按首字母搜索(仿携程)

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

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

一款腾讯UED设计的提示插件
  工具提示
 14211  106

讨论这个项目(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
    很实用,学习了。 回复
取消回复