近期,由于项目需要,使用到气泡提示的效果。在网上搜索了一下,找到qTip插件,该插件功能强大,兼容性好,文档齐全。个人比较喜欢
官方网址:http://craigsworks.com/projects/qtip/ ,附件中也有!
下面是我个人使用总结
- 当内容是来自另外一个页面时,宽度(width)应取决于页面的宽度,也就是说width应设为100%,一开始设置错了。name:'blue'是使用内嵌的css样式:blue
错误的例子:
正确的例子:style: { width: 100%,name:'blue'}
注意两个例子,正确的例子是要加''括号的。style: {width: '100%',name:'blue'}
- 当浏览器不是最大化时,浏览器的宽度和高度会影响气泡提示的效果,这时就要让气泡的位置随着浏览的变化而变化,这时应该如下设置:
resize属性是告诉气泡随浏览器的变化而变化,screen属性告诉气泡如果上边的位置不够时,自动调整在下边显示,如果左边位置不够时自动调整在右边显示。position: {adjust: { resize: true,screen: true }}
暂时写到这里,如果遇到一些问题继续更新