15个友好的jQuery 提示框插件

系统 2420 0

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

 

适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今天我们将看到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/

 

 

15个友好的jQuery 提示框插件


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论