自定义警报框不jquery在哪里？

Question

我试图找到一些自定义警报框，它们不使用一些库，如：jQuery，Prototype等。我想获得简单的示例，它具有丰富的UI作为jQuery但不使用它。

我曾尝试谷歌，但已找到一大堆jQuery样本......我不需要它。也许你在网站上有普通js样本的链接，这些样本不使用某些库？

因为我想获得具有丰富UI的普通样本，这些样本不是基于libs，如：jQuery，Prototype.js，Enyo等

谢谢！

Answer 1

我认为这些链接会对您有所帮助：

1. http://www.codeproject.com/Articles/28812/Custom-Alert-Boxes-using-JavaScript-and-the-DOM

2. http://www.gayadesign.com/diy/customize-the-default-alert-function-of-javascript/

3。http://www.scriptiny.com/2008/04/custom-javascript-dialog-boxes/

Answer 2

这不是很困难。基本上你所要做的就是附加一些东西来覆盖整个屏幕，并将内容显示给身体并正确定位它们，并将事件监听器附加到正确的元素以便在正确的时间将其删除。所有（好的，大多数）定位和样式都可以用CSS完成。例如，要将事物定位为覆盖整个屏幕，您可以使用此CSS：

position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;

你甚至可能想让它变得有点半透明，这样就更容易说出对话框是模态的：

background: rgba(0, 0, 0, 0.2);

Try out a little example.