15个友好的jQuery 提示框插件
需要在用户把光标移到某个元素上时显示一些额外信息时，提示框是一种不错的方式，提示框会在鼠标停留的时候显示，鼠标移开时消失。适当的使用提示框能大大提升网站的友好度，并且可以节省一些不必要的网页空间，今天我们将看到15款制作友好的提示框的jQuery插件。
1. qTip
qTip是一款功能高级的提示框插件，它提供了非常多的特性，包括圆角框、提示泡泡等。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/qtip.png
2. jQuery Tools/Tooltips
这个提示框插件能够显示任何的HTML元素，比如链接、表格、表单、图片，实现这些效果是很轻松的，你也可以轻松制作
出自己独特风格的提示框。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/jquery-tools-tooltips.png
3. Simpletip
Simpletip 允许你通过Jquery的元素选择器和事件管理器轻松在任何元素上制作提示框，提示框可以使静态的、动态的、甚至可以通过ajax加载，并且都有非常多不懂的显示效果。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/simpletip.png
4. jQuery (mb)Tooltip
jQuery (mb)Tooltip是一款通过 jQuery timers 和半透明阴影插件实现的漂亮的提示框插件，它为各种需求提供很多可选项。
5. EZPZ Tooltip
你不需要添加任何CSS或图片就可以扩展、定制提示框的样式风格。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/ezpz-tooltip.png
6.jQuery Input Floating Hint Box
这个插件在表单右边提供一个自动变化的提示框，当输入框获得焦点时它就会显示，失去焦点时就隐藏。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/iquery-input-floating-hint-box.png
7. HTML Tooltip
http://www.webdesignbooth.com/wp-content/uploads/2009/06/html-tooltip.png
8. Orbital Tooltip
你可以用 Orbital Tooltip在目标元素的360°任何一个位置制作出一个提示框。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/orbital-tooltip.png
9. Tipsy
Facebook风格的提示框插件。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/tipsy.png
10. clueTip
http://www.webdesignbooth.com/wp-content/uploads/2009/06/cluetip.png
11. jTip
jTip 利用 HttpXMLRequest 对象去获取内容，只要在链接上加一个”jTip”class，就可以获取远程地址提供的提示内容
http://www.webdesignbooth.com/wp-content/uploads/2009/06/jtip.png
12. BeautyTips
http://www.webdesignbooth.com/wp-content/uploads/2009/06/beautytips.png
13. Hovertips
可扩展性极好，只需少量的javascript代码你就可以制定出自己风格的提示框。
14. BetterTip
BetterTip基于Cody Lindley的 jTip实现, 但是对比起来它扩展性更好。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/bettertip.png
15. jqTooltip
轻松通过ajax制作提示框。
http://www.webdesignbooth.com/wp-content/uploads/2009/06/jqtooltip.png
译自：http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/
页:
[1]