qTip Style
@author YHC
Style
这个style对象允许你分配自定义样式给主要的qTip元素,和ThemeRoller tip选项,当使用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样式的ThemeRoller UI样式应用到你的qTip元素;
注意:关于ThemeRoller更多的信息请点击该超链接,查看API Theme 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!
qTip Style相关推荐
- 手势识别(1):基础理论
像点击(clicks)是GUI平台的核心,轻点(taps)是触摸平台的核心那样,手势(gestures)是Kinect应用程序的核心.和图形用户界面中的数字交互不同,手势是现实生活中存在的动作.如果没 ...
- html style属性
在html 中 style 用于为 HTML 文档定义样式信息. 使用方法: 自己目前总结出2中方法 1 在标签内部使用 2 <style> 当做一个标签使用 下面修改自己颜色为例 < ...
- android Style(样式)的解析
先说下为啥要使用样式吧,举个例子来说吧 当要做这样的一个布局的时候 每个标签都要写的话,会感觉怎样 <LinearLayoutandroid:layout_width="match_p ...
- ListView style
步骤一:在使用的ListView的activiey里使用android:theme="@style/Theme的名字" 步骤二:创建Themes.xml 在Themes.xml里定 ...
- html中有csstext方法吗,style对象的cssText方法有哪些使用方法
这次给大家带来style对象的cssText方法有哪些使用方法,style对象的cssText方法使用的注意事项有哪些,下面就是实战案例,一起来看一下. cssText 本质是什么? cssText ...
- android values-v21 style 报错,Android 4.4 以上实现透明导航栏和状态栏 Translucent system bar...
第一种方式 第一种方式,需要做下面三步设置 1.在values.values-v19.values-v21的style.xml都设置一个 Translucent System Bar 风格的Theme ...
- 几个比较冷门的prototype扩展方法:去掉html标签、去掉a标签、去掉style样式,以及判断是否为html代码的代码片段
/*去掉html标签(真正意义上去掉所有html标签包括内嵌的css样式)*/ String.prototype.stripHTML = function (isRemoveNewLine) {var ...
- 吴恩达老师深度学习视频课笔记:神经风格迁移(neural style transfer)
什么是神经风格迁移(neural style transfer):如下图,Content为原始拍摄的图像,Style为一种风格图像.如果用Style来重新创造Content照片,神经风 ...
- Artistic Style在windows下的使用(C/C++)
ArtisticStyle是一个开源的源代码格式化工具.主页地址为:http://astyle.sourceforge.net/,它可以应用在C.C++.Objective-C.C#.Java等程序语 ...
- python爬取疫情信息html.xpath p标签_python xpath 如何过滤div中的script和style标签
爬取一个页面中的div,想获取div中的文字,我是这么写的: selector.xpath('//div[@class="text-con"]').xpath('string(.) ...
最新文章
- docker 容器访问宿主机的解决方式
- html分析python字典_从python字典到html-lis
- runtime无法执行grep_让你的 Shell 命令执行可视化和告警
- php array_flip() 删除数组重复元素——大彻大悟
- objective-c(iOS5) 中weak和strong使用的区别
- wordpress向一个页面POST数据,出现404页面访问不了
- Linux 内核 SMP 代码追踪 --- cpumask
- 墓碑上的字符C语言,墓碑上的故显考、故显妣、先考、先妣都是什么意思
- 利用FILTER特性优化SQL
- 孔雀东南飞用mysql存储_孔雀东南飞的故事简介800字(孔雀东南飞主要内容介绍)...
- 【深度】新派LaaS协议Elephant:重振DeFi赛道发展的关键
- Error with Permissions-Policy header: Origin trial controlled feature not enabled: ‘interest-cohort‘
- 基于多相滤波器的数字信道化算法详解(Python, Verilog代码已开源)
- 2021年煤气考试内容及煤气找解析
- 计算机科学与技术专业二本学校排名,二本计算机专业大学哪所最好?最好二本计算机类大学排名如何...
- 面对区块链,普通人应该做什么?
- android5.1 rom互刷,一加2 代通刷 5.1.1 ROM刷机包 个人适配 附加高级设置 稳定
- Unreal Engin_画廊制作笔记 _005灯光处理,平行光的设置
- pygame 实现键盘鼠标映射
- php网络通讯,Linux_网络通讯--efax,功能说明:收发传真。
语 - phpStudy