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

发布于 2024-09-14 19:02:49 字数 425 浏览 4 评论 0原文

我看到很多 jquery 插件可以做到这一点,我想知道是否有人知道如何做到这一点(这会节省我很多时间)。

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

它弹出时非常华丽,背景变暗。

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

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

我认为他们使用 jquery 淡入和淡出。但我不确定。可能大部分效果都来自带有 zindex 的 css。

I seen many jquery plugins that do this and I am wondering if anyone knows how to do it(It would save me alot of time).

When you load up say the jquery ui dialog.

It pops up all flashy and the the background darkens.

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

http://jreject.turnwheel.com/# (run any of the demos)

I think they use jquery fade in and out. But I am not sure. Probably most of the effects are from sort of css with a zindex.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不顾 2024-09-21 19:02:50

一个简单的

表示屏幕的最大尺寸,这是它的基础,例如这里的 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>

这是一个极简演示,展示了它的实际效果

A simply <div> that's the max size of the screen is the basis of it, for example here's blockUI's version:

<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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文