`

流行的jQuery信息提示插件(jQuery Tooltip Plugin)

阅读更多

流行的jQuery信息提示插件(jQuery Tooltip Plugin)

Learning, by 木公.

信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好,会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件,希望对各位有所帮助。记住,所有的这些都是为了使网站设计更好。 :grin:

 

1. Dynamic tooltip

非常漂亮的tooltip!有渐变、透明、阴影等效果。

Dynamic tooltip

Dynamic tooltip

2. Popup Bubble

优秀的tooltip!虽然看起来简单,但是过渡效果非常棒,适用于简单干净的网站。

Popup Bubble

Popup Bubble

3. jQuery Horizontal Tooltips Menu Tutorials

精美的tooltip!提示信息不会消失,除非你点击其它链接。看起来非常简单,但是它的动画效果却非常棒。

jQuery Horizontal Tooltips Menu Tutorials

4. Prototip

多种多样的提示效果,极有效的简化工作过程。

Prototip

5. Coda Popup Bubble

非常漂亮的信息提示,有过渡效果和背景阴影。

Coda Popup Bubble

6. Awesomeness

非常酷的信息提示,平滑的过渡效果,并且有透明边框。

Awesomeness

7. TipTip

漂亮的信息提示,有淡入淡出过渡效果,幻灯、阴影特效。

TipTip

8. (mb)Tooltip

这个是为输入框开发的信息提示,过渡效果美观。

(mb)Tooltip

9. vTip

简单但是非常好的信息提示,有淡入效果。

vTip

10. jGrowl

当点击链接时淡入出现,然后固定在右上角,一段时间后自动消失,或者可以手动关闭。

jGrowl

11. jQuery Ajax Tooltip

有趣的信息提示,可以处理像小型网页图片和文字。它有一个阴影效果。

jQuery Ajax Tooltip

12. Digg-style post sharing tool with jQuery

漂亮的digg样式,适用于社交网站。

Digg-style post sharing tool with jQuery

13. Input Floating Hint Box

有趣的输入框提示,边框为圆角。输入框获得焦点时淡入,点击其它地方淡出。

Input Floating Hint Box

14. Simpletip

漂亮的提示与褪色的过渡。将鼠标悬停在链接上,tooltip淡入在链接的上方或者下方。

Simpletip

15. qTip

很简单,但 好看的提示。可以圆角,说话提示的样式。

qTip

16. Orbital Tooltip

有趣的提示插件,您可以手动设定在您需要的时间出现。

Orbital Tooltip

17. Inline HTML Tooltip

漂亮的提示,有过渡效果。

Inline HTML Tooltip

18. tipsy

tipsy

19. Easiest jQuery Tooltip Ever

Easiest jQuery Tooltip Ever

20. BsTip

BsTip

21. EZPZ Tooltip

EZPZ Tooltip

22. BeautyTips

BeautyTips

23. Tooltip

Tooltip

24. clueTip

简单的提示,当鼠标悬停在链接上时出现,直到你关闭它才会消失。

clueTip

25. Creating A Simple Tooltip Using jQuery and CSS

几个简单但是不同的提示。

Creating A Simple Tooltip Using jQuery and CSS

26. BetterTip

Tooltip出现在链接的右边。

BetterTip

27. jTip

简单但是对于登录页面非常有用。

jTip

28. jqTooltip

简单的ajax加载效果,可以淡入淡出。

jqTooltip

29. Pop!

Pop!

30. Create a Simple CSS + Javascript Tooltip with jQuery

Simple tooltip with rounded corners. It follows your mouse movements.

简单的圆角tooltip,随鼠标移动。

Create a Simple CSS + Javascript Tooltip with jQuery

引自:http://www.imwls.com/30-jquery-tooltip-plugin

分享到:
评论

相关推荐

    jQuery Tooltip Plugin各种浮动提示效果插件.rar

    这是使用jQuery Tooltip Plugin弹出各种浮动提示效果插件的一些例子,用这个插件可以显示自定义的鼠标悬停提示,比如文字提示框、图片框,在鼠标放在特定位置时激活,鼠标移开后消失,如示例所示为弹出一个图片浮动...

    jQuery plugin: Tooltip(转)

    jQuery插件:Tooltip详解 在Web开发中,Tooltip是一种常见的交互元素,用于向用户提供额外的信息,通常是当鼠标悬停在某个元素上时显示。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作,事件处理和动画等...

    JQuery-Tooltip-Plugin

    jQuery Tooltip 插件主要功能是为HTML元素添加动态显示的提示信息。它通常用于显示那些因为页面空间有限而无法直接显示的详细信息。通过简单的API调用和配置,开发者可以轻松实现各种自定义效果,如调整位置、改变...

    jquery 工具提示插件awTooltip

    **jQuery工具提示插件awTooltip详解** 在网页设计和开发中,工具提示(Tooltip)是一种常见且实用的交互元素,它能为用户提供额外的信息,帮助理解页面上的元素或功能。`awTooltip`是一款基于jQuery的插件,专门...

    jquery 验证 提示 插件

    本文将深入探讨"jQuery验证提示插件"的相关知识点。 首先,让我们理解什么是jQuery验证。jQuery Validation Plugin是官方提供的一个插件,主要用于创建复杂的表单验证规则,它可以轻松地添加错误消息和验证效果到...

    最好用的jquery的tooltip控件

    在jQuery中,Tooltip是一种常见的UI元素,用于提供额外的信息,当用户将鼠标悬停在某个元素上时会显示出来。本教程将深入探讨“最好用”的jQuery Tooltip插件——Sexy Tooltips 1.1。 Sexy Tooltips是一款设计精美...

    jquery.tooltip.js

    jquery插件,tooltip提示文字。

    jQuery Tooltip跟随鼠标提示条

    jQuery Tooltip跟随鼠标提示条是...使用这个名为`jQuery-Tooltip-Plugin-v1.1`的压缩包文件,你将获得一个预封装好的jQuery Tooltip插件,只需按照文档说明引入和配置,即可快速在你的项目中实现跟随鼠标提示条的效果。

    jQuery Tooltip

    jQuery 的流行在于其简洁的API和丰富的插件库,jQuery Tooltip 插件正是其中的一个例子,它简化了在网页上添加和管理提示信息的过程。 ### 1. jQuery 库基础 jQuery 是一个快速、简洁的 JavaScript 库,它简化了...

    安装jQuery提示插件后修改字体大小插件

    jQuery提示插件则是这个库的一种扩展,它提供了丰富的提示功能,可以用于增强用户界面,显示信息或者反馈。当我们安装了jQuery提示插件后,可能会遇到文字显示过小的问题,这会降低用户体验。在这种情况下,安装一个...

    jquery插件和特效

    8. **鼠标提示**:tooltips插件如jQuery UI的tooltip,可以为元素添加动态显示的提示信息,提高用户体验。 9. **树形结构**:jQuery Treeview或jstree插件可以帮助在网页上呈现层次结构的数据,常见于目录导航或...

    JQuery常用插件

    Bootstrap 包含了大量的UI组件,如导航、按钮、模态框等,同时也有一系列的jQuery插件,如carousel(轮播图)、tooltip(提示信息)和popover(弹出框)等。 ### 3. jQuery Validation 插件 在Web表单验证方面,...

    25个优雅的jQuery Tooltip插件推荐

    下面我们为你推荐 25 个最好的工具提示插件: 1. jqTooltip jqTooltip 2. Pop! Simple Pop Menus with jQuery Pop! Simple Pop Menus with jQuery 3. jGrowl jGrowl 4. ProtoTip 2 ProtoTip 2 5. BetterTip ...

    Jquery表单验证(采用poshytip提示)

    Poshytip是一款轻量级、可定制的jQuery提示插件,提供浮动式的提示效果。它允许开发者自定义提示的样式、位置、颜色等,使得错误提示更具人性化,用户体验更佳。在表单验证中,我们可以利用Poshytip显示错误信息,...

    jquery插件集合

    - **工具提示插件**:如`jQuery.tooltip`,为元素添加动态提示信息。 - **响应式设计插件**:如`jQuery.responsiveNav`,帮助构建响应式导航菜单。 - **日期/时间插件**:如`jQuery.datetimepicker`,方便用户...

    Jquery插件大全

    - **Tooltip** 和 **Popover**:提供提示信息和弹出框。 - **ScrollTo**:轻松滚动页面到指定位置。 - **Countdown**:倒计时插件,适用于活动预告。 ### 使用jQuery插件的基本步骤 1. **引入jQuery库**:在HTML...

    jQuery插件集合

    - **Tooltip**:自定义工具提示,提供更多信息。 - **Toastr**:非侵入性的通知插件,用于显示消息提示。 8. **社交媒体集成** - **Social Share Buttons**:添加社交分享功能,如Facebook、Twitter等。 - **...

    40个实用的jquery用户界面ui设计技巧及教程.doc

    13. **Simple Tooltip – jQuery & CSS**:Soh Tanaka的教程教你如何结合jQuery和简单的CSS创建基本的提示框,提供简洁且有效的信息提示。 以上这些jQuery UI设计技巧和教程涵盖了从动画效果、交互式表单、组件库到...

    jQuery弹出层

    - **插件集成(Plugin Integration)**: 结合其他jQuery插件,如日期选择器、表单验证等。 - **性能优化(Performance Optimization)**: 减少DOM操作,优化动画效果,提升用户体验。 总之,jQuery弹出层提供了一种...

Global site tag (gtag.js) - Google Analytics