`
enki_ding
  • 浏览: 211187 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

基于jQuery气泡提示插件qTip的使用小总结

阅读更多

近期,由于项目需要,使用到气泡提示的效果。在网上搜索了一下,找到qTip插件,该插件功能强大,兼容性好,文档齐全。个人比较喜欢

官方网址:http://craigsworks.com/projects/qtip/ ,附件中也有!

下面是我个人使用总结

 

  1. 当内容是来自另外一个页面时,宽度(width)应取决于页面的宽度,也就是说width应设为100%,一开始设置错了。name:'blue'是使用内嵌的css样式:blue

    错误的例子:

    style: { width: 100%,name:'blue'}
    正确的例子:
    style: {width: '100%',name:'blue'}
    注意两个例子,正确的例子是要加''括号的。
  2. 当浏览器不是最大化时,浏览器的宽度和高度会影响气泡提示的效果,这时就要让气泡的位置随着浏览的变化而变化,这时应该如下设置:
    position: {adjust: { resize: true,screen: true }}
    resize属性是告诉气泡随浏览器的变化而变化,screen属性告诉气泡如果上边的位置不够时,自动调整在下边显示,如果左边位置不够时自动调整在右边显示。

 暂时写到这里,如果遇到一些问题继续更新

分享到:
评论
1 楼 JimRoyer 2012-08-03  
怎么调用呢,写个例子撒

相关推荐

    qTip2 精致的jQuery提示信息插件

    "qTip2 精致的jQuery提示信息插件 - 囧月 - 博客园.mht"可能是一个博客文章或教程,详细解释了如何配置和使用qTip2。"ajax.txt"可能包含了关于使用qTip2与Ajax请求结合的示例代码或说明,因为提示信息经常用于显示...

    Jquery QTip.zip

    jQuery QTip是一款强大的前端提示插件,它基于jQuery库,提供了丰富的自定义选项和样式控制,可以创建各种类型的提示信息,如信息气泡、提示框、工具提示等。QTip不仅支持基本的文字提示,还能包含HTML内容,甚至与...

    鼠标悬浮气泡提示Jquery插件

    因此,选择一个成熟的Jquery气泡提示插件,如Tooltipster、qTip等,能帮助开发者节省时间和精力,同时确保兼容性和稳定性。这些插件通常提供丰富的配置选项和API,可以轻松地调整外观和行为,以适应各种项目需求。 ...

    jquery气泡弹出框

    总结来说,"jquery气泡弹出框"是指使用jQuery和Qtip插件实现的交互式提示功能,它可以极大地提升用户体验,提供信息反馈、错误提示等多种功能。通过灵活的配置和丰富的样式,Qtip可以适应各种应用场景,是Web开发中...

    20款非常优秀的 jQuery 工具提示插件 推荐

    在Web设计中,工具提示(Tooltip)是一个虽小却至关重要的功能,它能够在用户进行某些操作时提供即时的帮助或信息提示。这些提示通常是小巧而简洁的文本框,当鼠标悬停在特定元素上时出现,并在鼠标离开后消失。使用...

    仿新浪微博jquery qtip ajax提示框

    2. **qTip**:qTip是jQuery的一个插件,它提供了丰富的提示框功能,可以创建各种复杂的提示信息,如弹出框、气泡提示等。在这个项目中,qTip被用于构建类似新浪微博的浮动提示框,提供用户交互反馈。 3. **Ajax**:...

    50个jQuery插件实用图例

    本文将深入探讨“50个jQuery插件实用图例”这个主题,其中包括页面导航和Tooltip气泡悬浮框这两个关键知识点。 首先,我们来谈谈页面导航。页面导航是网站或应用中至关重要的组成部分,它帮助用户轻松地在各个页面...

    qTip提示框+API

    qTip2是一个强大的jQuery插件,专用于创建功能丰富的提示信息和弹出窗口。这个插件以其灵活性、可定制性和美观的设计而闻名,是qTip系列的第二代产品,相较于第一版进行了全面的升级和改进。qTip2的出现使得在网页...

    30个jQuery插件-Tooltip气泡悬浮框的

    本文将介绍并总结30个基于jQuery的Tooltip插件,旨在为开发者提供多样化的选择,满足不同场景下的需求。 #### 二、详细介绍 1. **Dynamictooltip** - **特点**:该插件以其酷炫的过渡效果、透明度及阴影效果而...

    jQuery实现鼠标滑过时冒泡提示

    总结来说,jQuery qTip插件是实现鼠标滑过时冒泡提示的强大工具,它能够提供丰富的提示框样式和交互方式,适用于各种网页应用场景。通过灵活地配置和使用qTip,开发者可以为用户提供更加友好、高效的交互体验。

    Tip提示插件合计

    在Web开发中,提示插件(Tip)是增强用户体验的重要工具,它们通常用来显示额外的信息或者操作提示,而无需打开新的页面或者对话框。这里提到的"Tip提示插件合计"是一个集合,包含了多个优秀的Tip插件,这些插件都带...

    jQuery带箭头提示框tooltips插件集锦

    qTip是一款功能强大的提示插件,基于jQuery框架。它提供圆角、语音气泡样式,且完全免费。qTip支持IE6+以及主流浏览器,具有高度可定制性和灵活性。 2. **grumble.js**: grumble.js提供了一种独特的提示方式,...

    FullCalendar日历组件

    1. `jquery.qtip.min.css`:这是一个jQuery的气泡提示插件样式文件,用于在日历事件上显示详细信息或提示。 2. `index.global.js`和`index.global.min.js`:这两个文件可能包含了FullCalendar的主要功能代码,其中`....

    jquery validate poshytip 自定义样式

    项目中做了一个jquery.validate气泡提示在新版的jquery.validate中,有这个功能,但在我这里不怎么好用,所以自己加了一个,找了一些插件qtip2的样式不错,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics