代码之家 › 专栏 › 技术社区 › chobo2

我怎样才能得到这种效果?

jquery-dialog jquery-plugins jquery

2

chobo2 · 技术社区 · 15 年前

我看到很多jquery插件都会这样做,我想知道是否有人知道该怎么做(这样可以节省我很多时间)。

当您加载时,说jquery ui对话框。

它突然出现所有的闪光和背景变暗。

http://jqueryui.com/demos/dialog/#modal

http://jreject.turnwheel.com/# (运行任何演示)

我认为他们使用jquery淡入淡出。但我不确定。可能大多数效果来自于带有zindex的CSS。

1 回复 | 直到 15 年前

1

2

Nick Craver 15 年前

简单地 <div> 这是屏幕的最大尺寸是它的基础,例如 blockUI 版本:

<div style="z-index: 1000; border: none; margin: 0; padding: 0; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); cursor: wait; position: fixed; opacity: 0.6; "></div>

Here's a minimalist demo showing it in action