15个jQuery提示框插件

知更鸟
知更鸟
站长
2327
文章
0
粉丝
设计资源512,161阅读模式

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

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

1. qTip

qTip是一款功能高级的提示框插件,它提供了非常多的特性,包括圆角框、提示泡泡等。
15个jQuery提示框插件-图片1

2. jQuery Tools/Tooltips

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

3. Simpletip

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

15个jQuery提示框插件-图片3

4. jQuery (mb)Tooltip

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

5. EZPZ Tooltip

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

15个jQuery提示框插件-图片4

6. jQuery Input Floating Hint Box

这个插件在表单右边提供一个自动变化的提示框,当输入框获得焦点时它就会显示,失去焦点时就隐藏。15个jQuery提示框插件-图片5

7. HTML Tooltip

15个jQuery提示框插件-图片6

8. Orbital Tooltip

你可以用 Orbital Tooltip在目标元素的360°任何一个位置制作出一个提示框。 15个jQuery提示框插件-图片7

9. Tipsy

Facebook风格的提示框插件。
15个jQuery提示框插件-图片8

10. clueTip

15个jQuery提示框插件-图片9

11. jTip

jTip 利用 HttpXMLRequest 对象去获取内容,只要在链接上加一个”jTip”class,就可以获取远程地址提供的提示内容15个jQuery提示框插件-图片10

12. BeautyTips

15个jQuery提示框插件-图片11

13. Hovertips

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

14. BetterTip

BetterTip基于Cody Lindley的 jTip实现, 但是对比起来它扩展性更好。15个jQuery提示框插件-图片12

15. jqTooltip

轻松通过ajax制作提示框。
15个jQuery提示框插件-图片13

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

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  5  访客  4
    • 曾平
      曾平 0

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

      • 佳能ixus
        佳能ixus 1

        很好 感谢分享

        • 渊岳
          渊岳 1

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

          • loson
            loson 0

            不错

          匿名

          发表评论

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

          拖动滑块以完成验证