@author YHC
Style
这个style对象允许你分配自定义样式给主要的qTip元素,和ThemeRollertip选项,当使用tips plugin的时候:
classes:""
概述:
添加样式的时候使用空格隔开字符串来包含多个样式名称,应该添加给主要的qTip元素的样式名称;
以下有几个基础样式,包含在css文件中的提供的,主要包含:
/* CSS2 styles */
ui-tooltip{ } /* This one is applied by default (formally the "cream" style) */
ui-tooltip-plain{ }
ui-tooltip-light{ }
ui-tooltip-dark{ }
ui-tooltip-red{ }
ui-tooltip-green{ }
ui-tooltip-blue{ }
/* CSS3+ styles */
ui-tooltip-shadow{ } /* Adds a shadows to your tooltips */
ui-tooltip-rounded{ } /* Adds a rounded corner to your tooltips */
ui-tooltip-bootstrap{ } /* Bootstrap style */
ui-tooltip-tipsy{ } /* Tipsy style */
ui-tooltip-youtube{ } /* Youtube style */
ui-tooltip-jtools{ } /* jTools tooltip style */
ui-tooltip-cluetip{ } /* ClueTip style */
ui-tooltip-tipped{ } /* Tipped style */
示例:
创建一个qTip,包含一个绿色的主题和一个阴影的效果:
$('.selector').qtip({
content: {
text: 'I\'m blue... deal with it!'
},
style: {
classes: 'ui-tooltip-blue ui-tooltip-shadow'
}
});
def:true
概述:
这个属性允许你防止.ui-tooltip-default被应用到主要的qTip元素:
注意:如果这样做了之后将导致qTip没有视觉风格,如果你没有应用任何的自定义样式的情况之下;
widget:false;
概述:
决定是否ui-widget样式的ThemeRollerUI样式应用到你的qTip元素;
注意:关于ThemeRoller更多的信息请点击该超链接,查看APITheme
Roller API
width:false
概述:
这个属性允许你重写所有css样式中应用的width属性,任何合法css width值,亲!!请注意:没有重写max/min样式值,在css文件中改变这些;
注意:亲!在重申一遍,这个没有重写max/min 宽度样式值.
height:false:
概述:
这个属性允许你重写所有应用在qTip元素的css height属性值,任何有效的css height值,亲!!!!请注意:这个并没有重写css max/min height属性值,在css
文件中去改变这些;
注意:亲!!在重申一遍,这个没有重写css样式中的max/min height属性;
tip:Object:
概述:
定义qTip的tip属性,请见plugin documentation文档,里面信息更为详细
@author YHC 原文查看
以上如果有错误信息,还请指出Thanks!
分享到:
相关推荐
qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。
jquery qtip
是qTip2的中文API PDF格式的,可以看看这篇文章http://blog.csdn.net/yhc13429826359/article/details/7796033
JQuery的前端气泡插件,包括js工具类及详细的使用实例,有注详细的注释
jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示框
前端项目-qtip2,介绍…第2季度。第二代高级qtip插件,用于流行的jquery框架。
Jquery实现自动化表单验证,qTip作提示媒介,以留言模版做实例,验证简洁可通用化
jquery-qtip,提示框。 使用很方便
qTip2 精致的jQuery提示信息插件
qtip演示4种不同的文字提示
jquery.qtip-1.0.0-rc3.js 弹出层
这个是它所有的属性中最全的中文API,详细信息请见:http://blog.csdn.net/yhc13429826359/article/details/7796033
提示未功能,包括样式 位置 事件都可以 由自己定义 。。。很强很方便。。
qTip2不再维护。 如果需要支持或新功能,请考虑移至较新的库! 非常强大的工具提示 介绍... qTip 2 。 第二代高级qTip插件,用于流行的jQuery框架。 qTip 2建立在1.0的用户友好但功能丰富的基础之上,为您提供了...
授权协议: MIT 开发语言: JavaScript 操作系统: 跨平台 jQuery工具提示 ,效果整体上说是不错的,
jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示
qTip是一个基于JQuery的Tooltip插件。它几乎支持所有的主流浏览器。
主要介绍了jQuery提示插件qTip2用法,结合实例形式分析了qTip2的使用技巧,可支持ajax及多种样式的设置,需要的朋友可以参考下
主要介绍了jquery.qtip提示信息插件用法,结合简单实例形式分析了该插件用于显示提示信息的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下