如何让孩子的窗户打开并模糊背景？

Question

我有一个显示菜单的php文件，一旦我点击菜单，我就会从数据库中显示一个表格。当我单击表格的一行时，我想在具有模糊背景的子窗口中显示一个表单，以编辑所选行的值/向表中添加新行。我希望显示要在整个页面顶部显示的表单，背景模糊，就像我上传的图像一样。

有没有在javascript中做到这一点？

Answer 1

我注意到你正在使用jQuery，所以我建议这个链接来看看jQuery UI的例子：

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

该链接提供了一个非常可自定义的“对话框”（“弹出”部分），“模态”选项可模糊背景。

您所引用的内容称为“模态” - 特别是因为背景无法访问。

http://en.wikipedia.org/wiki/Modal_window

“阻挡”背景的区域称为“叠加层”。您可以找到许多可以实现您所需要的库，以及自己创建一个简单的库 - 它实际上是关于CSS的。

http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

http://www.jacklmoore.com/notes/jquery-modal-tutorial

http://jquerytools.org/demos/overlay/modal-dialog.html

只是一些例子，搜索和查找它们很容易。

Answer 2

检查出来..简单

JQuery Reveal Modal

Jquery Popup

Answer 3

使用javascript＆amp; amp;通过在嵌入javascript的css中使用不透明度来禁用背景音色。

Answer 4

我发现此链接非常有用。使用Ajax和Jquery创建jtable。

JTable