代码之家  ›  专栏  ›  技术社区  ›  Waleed Eissa

如何灰显整个浏览器窗口并在中间显示窗体?

  •  8
  • Waleed Eissa  · 技术社区  · 15 年前

    你有没有遇到过这样的网站:灰显整个浏览器窗口,并向你显示通知或要求你填写一份调查。等?这在myspace中经常发生,如果你在电子邮件或密码中输入错误,整个浏览器窗口将灰显(虽然是透明的,你仍然可以通过它看到页面的内容),并且登录控件将显示在浏览器窗口的中心,上面会显示一条错误消息,告诉你输入了错误的电子邮件或密码。不幸的是,他们从myspace上删除了这段代码,我想要一个我正在开发的网站的相同代码,并试图避免重新发明轮子,你知道有任何来源可以找到这段代码,而不是再次编写整个东西吗?我认为这主要是css,javascript只用于显示/隐藏,对吗?

    5 回复  |  直到 13 年前
        1
  •  15
  •   Russ Cam    15 年前

    如果你想使用javascript框架, jQuery Block UI plugin . 非常容易使用和配置。

    Demos here

        2
  •  3
  •   Dror Big McLargeHuge    15 年前

    您也可以只使用CSS和JavaScript来实现这一点: Create a Modal Dialog Using CSS and Javascript submodal

        3
  •  2
  •   mozboz    15 年前

    这些称为“模态”窗口。为了避免重新发明轮子,可以使用jquery等现有库。在google上搜索“jquery模式窗口”会得到很多结果,这些结果看起来正是你想要的。你可以选择其中一个,如果它做了你想要的,或找到一个良好的来源来解构。

        4
  •  0
  •   David Hanak    15 年前

    如果您更喜欢prototype.js,这里有prototype窗口类,可以做您想要的事情,请参见 alert dialog sample .

        5
  •  0
  •   Justin Obney    15 年前

    如果您在asp.net中工作,并且想要一个快速而简单的工具来实现这个功能,请使用ajax工具包。然后使用模式弹出控件。 Here is the example on the AJAX PAGE