百度首页，点击登录后，弹出一层登录div，同时后面的文字等不能再进行操作。
原因是在点击登录后，首先创建一个层用于覆盖整个页面，这次覆盖层后面的东西就不可以进行操作了，然后再创建一个div用于登录。
当然这个覆盖层和登录div最好是提前创建好的，当点击登录时，直接设置display:block就可以了，取消时，设置为display:none;
设置半透明的css样式：opacity:0.5; filter:alpha(Opacity=50)/*针对IE*/
创建覆盖层:
<span style="font-size:18px;"> var divCover = document.createElement("div"); divCover.style.position = "absolute"; divCover.style.top = "0"; divCover.style.left = "0"; divCover.style.right = "0"; divCover.style.bottom = "0"; divCover.style.backgroundColor = "#ccc"; divCover.style.opacity = "0.5";/*其它浏览器*/ divCover.style.filter = "alpha(Opacity=50)";/*IE*/ document.getElementsByTagName("body")[0].appendChild(divCover);</span>