20 个免费的、很有用的工具提示插件

oschina
 oschina
发布于 2012年05月14日
收藏 148

工具提示是当鼠标在某特定区域上停留时显示的一个矩形窗口.工具提示窗口包含一些编程者想要显示的文本.在这点上,工具提示同状态栏的作用是一样的,所不同的是工具提示当单击或者远离指定区域的时候就会消逝,你可能熟悉与工具栏相关联的工具提示,那些"提示"是工具栏控件提供的便利.如果你想要在其它窗口、控件中显示工具提示的话,就不得不自己创建他们.

本文介绍 20 个免费的 jQuery 的工具提示插件:

TipTip

( Demo | Download )

TipTip 是一个非常轻量级和智能的 jQuery 的工具提示插件,无需图片,可通过 CSS 进行定制,压缩后只有 3.5K

TipTip

Build a Better Tooltip with jQuery Awesomeness

( Demo | Download )

通过这个智能的jQuery插件可用来替换浏览器默认的工具提示

Build a Better Tooltip with jQuery Awesomeness

jQuery (MB) Tooltip

( Demo | Download )

同上

jQuery & CSS Tooltip

( Demo | Download )

该代码可非常简单的创建外观很好看的工具提示。

jQuery & CSS Tooltip

Sticky Tooltip

( Demo | Download )

支持超文本的工具提示,包括可在提示中显示图片。

Sticky Tooltip

jQuery Tooltip Plugin

( Demo | Download )

jQuery Tooltip Plugin

jQuery Image Tooltips

( Demo | Download )

当用户鼠标放在缩略图上,便会出现一个提示框用来显示对应的大图,并支持显示和隐藏的动画特效。

jQuery Image Tooltips

DHTML Tooltips

( Demo | Download )

支持格式化和超文本的工具提示效果

DHTML Tooltips

Prototip 2

( Demo | Download )

Prototip 可以让你创建图片和文本混合的工具提示,这是一个 Prototype 插件,而非 jQuery。

Prototip 2

Mobile Tooltip Widget for GWT

( Demo | Download )

Mobile Tooltip Widget for GWT

ClueTip

( Demo | Download )

ClueTip

EZPZ Tooltip

( Demo | Download )

EZPZ 工具提示又是一款 jQuery 的 Tooltip 插件。

EZPZ Tooltip

Balloon Tooltip Demonstration

( Demo | Download )

圆角效果的工具提示插件

Balloon Tooltip Demonstration

ToolTip MooTools

( Demo | Download )

这是 MooTools 的工具提示插件。

ToolTip_MooTools

MooTools Tooltip

( Demo | Download )

同上

MooTools Tooltip

Tooltip.js

( Demo | Download )

Tooltip.js 是一个基于 PrototypeScript.aculo.us 构建的工具提示插件

Tooltip.js

Advanced Tooltips

( Demo | Download )

高级工具提示,带有标题栏、内容和底栏

Advanced Tooltips

qTip2

( Demo | Download )

qTip2 提供多种不同风格的工具提示

qTip2

tipsy

( Demo | Download )

类似 Facebook 的工具提示插件。

tipsy

Cool DHTML Tooltip

( Demo | Download )

一个简洁的工具提示插件

Cool DHTML Tooltip

via smashinghub

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:20 个免费的、很有用的工具提示插件
加载中

最新评论(7

Ken5233
Ken5233
mark
涉水轻舟
涉水轻舟
Mark
xu81.com
xu81.com
poshytip 竟然没有这个?
http://www.oschina.net/p/poshytip

MarcoYu
MarcoYu

引用来自“ChazZ”的评论

引用来自“MarcoYu”的评论

引用来自“笨蛋EGG”的评论

对楼主很好奇··官方御用AI?!??!

我是做數據分析的。建數學模型,計算,寫程式一手包辦!
有事計一條數用兩天時間,中間的一天就可以休息。
現在在醫院的研究所工作,有時跟大學做經濟的研究。

你想表达点什么?

发错了东西...
chazz
chazz

引用来自“MarcoYu”的评论

引用来自“笨蛋EGG”的评论

对楼主很好奇··官方御用AI?!??!

我是做數據分析的。建數學模型,計算,寫程式一手包辦!
有事計一條數用兩天時間,中間的一天就可以休息。
現在在醫院的研究所工作,有時跟大學做經濟的研究。

你想表达点什么?
Liuxd
Liuxd

引用来自“笨蛋EGG”的评论

对楼主很好奇··官方御用AI?!??!

你不说我都没注意,这ID碉堡了,估计是内部的。如果真是AI就碉堡了,绝对世界领先水平啊。
笨蛋EGG
笨蛋EGG
对楼主很好奇··官方御用AI?!??!
返回顶部
顶部