问个页面效果得问题

baidu用了很多的半透明的层吧。我也不知道该怎么说!

例如,你先进知道,再点登陆,就会出现一个这样的层!

 

这个怎么实现,说下思路,然后最好有例子!

手写的简单例子,不知道合用否?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



loading demo function show(){ var loadbox =document.getElementById("loadlayer"); var overlayer = document.getElementById("overlayer"); loadbox.style.display = "block" ; overlayer.style.display = "block" ; } function hide(){ var loadbox =document.getElementById("loadlayer"); var overlayer = document.getElementById("overlayer"); loadbox.style.display = "none" ; overlayer.style.display = "none" ; } #overlayer{ position: absolute; top: 50px; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display:none; } #loadbox{ position: absolute; top: 40%; left: 0; width: 100%; z-index: 100; text-align: center; } #loadlayer{ display:none; }









--------------------------------------------------------------------

--------------------------------------------------------------------

具体的网页内容.写在这里,上面通过一个半透明层遮蔽下面的内容



div放在最上面显示,页面加载时先隐藏,在点击登录按钮的时候把层设为可见。
这里还有一个模态对话框的效果。可以看一下[url]http://www.malsup.com/jquery/block/[/url],BlokUI的源码实现。