jQuery-Tools-overlay 使用介绍

2020-05-22 16:48:15易采站长站整理

</body>
</html>

CSS

/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(./close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}

关闭的css的命名: xxx .close

以下列出的是所有可用的属性选项:


































属性 默认值 描述
close 一个jQuery选择器内结束元素 叠加。 这些可以是任何元素,例如链接、按钮或 图像。 如果这不是提供的、亲密的元素 自动生成的。 阅读更多关于此 在 定义关闭行动 。
closeOnClick true 默认情况下,重叠是当鼠标关闭或者 点击区域外。  适合 模态 对话框 。
closeOnEsc true 默认情况下,覆盖网络时关闭键盘ESC键
effect‘default’ 

效果时要使用打开包裹, 关闭。 这可以戏剧性地改变的行为 叠加。 默认情况下这个工具使用一种叫做’default’的影响 这是一个简单的显示/隐藏效果。


以下列出的是现在 可用 效果 你也可以 做你自己的 效果 。

fixedtrue自从1.2.0 。 保持在相同的是否覆盖 位置,而屏幕滚动。 这是默认 适合所有浏览器的行为除了IE6和下面。 IE6不 支持固定位置。 如果这个属性设置 false 然后是定位在覆盖的 关系到文档,以便在屏幕上滚动 然后叠加与文档一起移动。
mask 之前被称为 暴露 。 覆盖很 经常配合使用 这个 面具工具 。 因为 这样,支持这个特性已经内嵌式 工具。 这个选项接受 这个 面具 配置 。 这不是一个简单的字符串指定 面具的背景颜色或更复杂的对象文字 指定更多的配置变量。

看到的一个例子 叠加 连同面具 。 默认情况下屏蔽是禁用的。

left“center”