Javascript 创建警报消息

我想用jQuery创建自己的简单警报对话框。两个问题：在用户单击警报中的“确定”按钮之前，如何禁止人们单击身体中的任何元素？还有，如何使身体除了一种元素外都变黑？谢谢。

在所有内容上放置一个部分不透明的div。典型CSS：

.cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: .7;
  background-color: #000;
  width: 100%;
  height: 100%;
}

---

现在，在.cover div上方放置一个定位div，即对话框，并为该对话框指定一个更高的z索引。

与其重新设计轮子，不如使用模式选项。

太重，我相信我可以写几行。@嘿，为什么不看看jQuery UI对话源代码，把它删减到只有你需要的功能？@嘿，那么你为什么要问这个问题呢？我肯定可以做到，不过我不知道“几行”。我很想看看你能想出什么。如果使用“总是模态”、“总是一个按钮”等假设（即，如果为标准的

window.alert（）

）构建一个直接替代品），应该可以用相对较少的行数，当然比更通用的插件要少。这就是所需要的全部；困难在于使其跨浏览器兼容；选择元素可能仍然显示在顶部，与任何

对象

嵌入（如Flash player）等相同。