15个jQuery提示框插件

2011年3月17日08:51:56 5 11,738

需要在用户把光标移到某个元素上时显示一些额外信息时,提示框是一种不错的方式,提示框会在鼠标停留的时候显示,鼠标移开时消失。

适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今天我们将看到15款制作友好的提示框的jQuery插件。

1. qTip

qTip是一款功能高级的提示框插件,它提供了非常多的特性,包括圆角框、提示泡泡等。
qtip

2. jQuery Tools/Tooltips

这个提示框插件能够显示任何的HTML元素,比如链接、表格、表单、图片,实现这些效果是很轻松的,你也可以轻松制作出自己独特风格的提示框。jquery-tools-tooltips

3. Simpletip

Simpletip 允许你通过Jquery的元素选择器和事件管理器轻松在任何元素上制作提示框,提示框可以使静态的、动态的、甚至可以通过ajax加载,并且都有非常多不懂的显示效果。

simpletip

4. jQuery (mb)Tooltip

jQuery (mb)Tooltip是一款通过 jQuery timers 和半透明阴影插件实现的漂亮的提示框插件,它为各种需求提供很多可选项。

5. EZPZ Tooltip

你不需要添加任何CSS或图片就可以扩展、定制提示框的样式风格。

ezpz-tooltip

6. jQuery Input Floating Hint Box

这个插件在表单右边提供一个自动变化的提示框,当输入框获得焦点时它就会显示,失去焦点时就隐藏。iquery-input-floating-hint-box

7. HTML Tooltip

html-tooltip

8. Orbital Tooltip

你可以用 Orbital Tooltip在目标元素的360°任何一个位置制作出一个提示框。 orbital-tooltip

9. Tipsy

Facebook风格的提示框插件。
tipsy

10. clueTip

cluetip

11. jTip

jTip 利用 HttpXMLRequest 对象去获取内容,只要在链接上加一个”jTip”class,就可以获取远程地址提供的提示内容jtip

12. BeautyTips

beautytips

13. Hovertips

可扩展性极好,只需少量的javascript代码你就可以制定出自己风格的提示框。

14. BetterTip

BetterTip基于Cody Lindley的 jTip实现, 但是对比起来它扩展性更好。bettertip

15. jqTooltip

轻松通过ajax制作提示框。
jqtooltip

译自:http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:5   其中:访客  4   博主  0   引用   1

    • 曾平 0

      博主分享了这么多资源,就看上这个了

      • 佳能ixus 1

        很好 感谢分享

        • 渊岳 1

          一般不用jquery的插件,太大太累赘。不过确实很方便。兼容性也好。

          • loson 0

            不错

          • 来自外部的引用: 1

            • 15个jQuery提示框插件 | 微钰工作室