当前位置: 代码迷 >> Web前端 >> 基于jQuery气泡揭示插件qTip的使用小总结
  详细解决方案

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

热度:304   发布时间:2012-10-11 10:16:10.0
基于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  
怎么调用呢,写个例子撒
  相关解决方案