这个是用javascript做出来的:动态的创建一个div作为背景层,在背景层上创建一个div作为窗口,显示消息,最后通过document.body.appendChild将背景层div添加到页面上。在window.onload事件中调用这段代码,就可以显示一个类似对话框的东西。
创建背景层的时候,需要将它的样式表属性设置成类似这样:
{
position:absolute;
left:0px;
top:0px;
z-index : 1000;
}
在javascript代码中,设置背景层的大小等于窗口大小,就可以是背景层覆盖当前页面。
可以使用两种方法做出背景层半透明发暗的效果:
1. 使用一个像素的半透明gif或png图片作为背景层的背景
2. 设置背景层背景色为灰色,然后设置其透明度(opacity)为0.8
这种做法最初我是在《Ajax In Action》中看到的,现在已经到处都看到这种东西了。