登录注册页面切换弹出层, 附带阴影层 JS代码（转）

最简单的登录注册页面切换弹出层, 附带阴影层 JS代码  

function logindiv() 登录弹出层方法 

function regdiv() 注册弹出层

function setdiv() 设置阴影层CSS

function logindiv()
{
document.getElementById('light').style.display='block';
document.getElementById('lightreg').style.display='none';
setdiv();
document.getElementById('fade').style.display='block';
}
function regdiv()
{
document.getElementById('lightreg').style.display='block';
document.getElementById('light').style.display='none';
setdiv();
document.getElementById('fade').style.display='block';
}
function setdiv()
{
var new = document.getElementById('fade');
new.style.position = "absolute";
new.style.zIndex = "1";
new.style.width = document.body.scrollWidth "px";
new.style.height = document.body.scrollHeight "px";
new.style.top = "0px";
new.style.left = "0px";
new.style.background = "#000";
new.style.filter = "alpha(opacity=40)";
new.style.opacity = "0.40";
}

别忘了在HTML页面添加 <div id=fade></div>

 

>>本文连接：登录注册页面切换弹出层, 附带阴影层 JS代码

>>文章来源：在线投稿冠名平台 墨客网