设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

为开发者准备的15款Tooltip工具提示jQuery插件

2013-7-6 17:20| 发布者: joejoe0332| 查看: 2899| 评论: 0|原作者: 小天|来自: oschina.net

摘要:   tooltip或者infotip或者hint,是一种常见的图形用户界面元素。它用于连同一个光标,通常是一个鼠标光标。当用户将鼠标悬停在一个特定的地方,无需点击,就会出现一个包含关于悬停到这个地方的一些信息的tooltip ...


  11. Simpletip

simpletip

  Simpletip是一个新生的轻量级的创建灵活的Tooltip的jQuery插件。Tooltip可以附加到任何的元素 & 轻松风格的演示 & 定位。Tooltip可以是静态的、动态的或者通过Ajax加载的。另外,可以应用任何组合的效果来使它们更有吸引力。

Source

  12. Colortip

colortip

  它将在你页面中元素的title属性转换为一系列丰富多彩的Tooltip。共有六个可用的颜色主题,所以你可以很容易的匹配你的设计。你也可以轻松地通过添加三个额外的样式类到你的stylesheet和在colortip-1.0-jquery.js中的支持颜色数组中添加一个元素来创建你自己的Tooltip

Source

  13.TipTip

tiptip

  TipTip是一个非常轻量级和智能的自定义Tooltip的jQuery插件。它使用零图像,并且是通过CSS完全可定制的。TipTip会检测浏览器窗口的边缘以确保tooltip停留在当前窗口的大小。因此Tooltip将调整自身来显示在要使用TipTip的元素的上下左右,这取决于要保持在浏览器窗口中的哪些是必要的。

Source

  14. (Mb) Tooltip

mb-tooltip

  (mb)Tooltip是为你的使用jQuery的页面提供的一个美丽的tooltip。只需很简单的将你的内容作为title属性的值,然后你就可以用这个聪明的漂亮的tooltip代替那丑陋的默认tooltip了。你也可以随时禁用或启用(mb)Tooltip。

Source

   15. Hovercard

   这是一个免费的轻量级jQuery插件,可以让你使用悬停的label、link或任何你选择的html元素来显示相关联的信息。hovercard可以用在显示个人简历、书籍作者和价格,通过Ajax加载相关联的信息,直接编辑等场景下。你也可以添加你的自定义数据源,使用已有的card格式来显示分析的数据。

hovercard

  Source


酷毙
1

雷人

鲜花

鸡蛋

漂亮

刚表态过的朋友 (1 人)

  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部