通过本文主要向大家介绍了overlay等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
| 属性 | 默认值 | 描述 |
|---|---|---|
| close | 一个jQuery选择器内结束元素 叠加。 这些可以是任何元素,例如链接、按钮或 图像。 如果这不是提供的、亲密的元素 自动生成的。 阅读更多关于此 在 定义关闭行动 。 | |
| closeOnClick | true |
默认情况下,重叠是当鼠标关闭或者 点击区域外。 适合 模态 对话框 。 |
| closeOnEsc | true |
默认情况下,覆盖网络时关闭键盘ESC键 |
| effect | 'default' |
效果时要使用打开包裹, 关闭。 这可以戏剧性地改变的行为 叠加。 默认情况下这个工具使用一种叫做'default'的影响 这是一个简单的显示/隐藏效果。 以下列出的是现在 可用 效果 你也可以 做你自己的 效果 。 |
| fixed | true |
自从1.2.0 。 保持在相同的是否覆盖 位置,而屏幕滚动。 这是默认 适合所有浏览器的行为除了IE6和下面。 IE6不 支持固定位置。 如果这个属性设置 false 然后是定位在覆盖的 关系到文档,以便在屏幕上滚动 然后叠加与文档一起移动。 |
| mask | 之前被称为 暴露 。 覆盖很 经常配合使用 这个 面具工具 。 因为 这样,支持这个特性已经内嵌式 工具。 这个选项接受 这个 面具 配置 。 这不是一个简单的字符串指定 面具的背景颜色或更复杂的对象文字 指定更多的配置变量。
看到的一个例子 叠加 连同面具 。 默认情况下屏蔽是禁用的。 | |
| left | "center" | 指定多远从左边的屏幕的边缘了 叠加应放置。 默认情况下,横向包裹 集中值为"center",但你也可以提供一个 数值指定的距离以像素为单位。 |
| load | false | 自从1.2.0 。 如果启用了然后覆盖的负载 后立即被初始化。 |
| oneInstance | true |
默认情况下,只可以有一个叠加在页面。 将这个属性设置为 假 允许您 有 多个 叠加实例 。 |
| speed | 'normal' | 淡入的速度动画的'normal' 效果。 有效值是 'slow', 'normal' 和 'fast',或者你也可以 提供一个数值(以毫秒为单位)。 通过设置这个 属性为0,则会出现滚动立即没有任何 动画。 |
| target | 日程表的元素中指定的(如果不是 这个 rel 属性的触发元素)。 | |
| top | '10%' | 指定如何远离屏幕的顶部边缘的叠加 应放置。 可接受的值是一个整数 指定一个距离(以像素为单位),一个字符串(如“15%”) 指定百分比值或“中心”在这种情况下 叠加是垂直居中。 百分数工作 一直保持在不同的屏幕分辨率。 |
事件
确保你已经阅读 大约 事件 jQuery工具 。 所有事件监听器接收 这个 事件 对象 作为第一个参数并没有其他参数 为叠加。
| 事件 | 什么时候发生的? |
|---|---|
| onBeforeLoad | 叠加显示之前。 叠加已经 定位在该位置将从那里开始动画。 |
| onload | 当叠加已经完全被显示 |
| onBeforeClose | 关闭之前的叠加 |
| onClose | 当叠加是关闭的 |
首先确保你已经了解你自己 与 jQuery工具 脚本 。 以下列出的是所有可用的API方法:
| 方法 | 返回值类型 | 描述 |
|---|---|---|
| close() | Overlay | 关闭叠加。 |
| getClosers() | jQuery |
返回结束元素(s)作为一个jQuery对象。 |
| getConf() | 对象 |
将配置为叠加。 |
| getOverlay() | jQuery |
返回元素作为一个jQuery对象日程表。 |
| getTrigger() | jQuery |
返回元素作为一个jQuery对象触发。 |
| isOpened() | boolean | 返回 真正的 如果打开包裹。 |
| load() | Overlay | 打开叠加。 |
tab：传送门
tab(幻灯片)：传送门
tooltip：传送门
overlay：传送门
dateinput：传送门
在携程做着framework2.0，研究的却是framework4.0，当时是怎么想的T.T。全是TMD老技术和堆代码