DIV蒙版

最新推荐文章于 2021-06-03 14:12:45 发布

成都慢生活

最新推荐文章于 2021-06-03 14:12:45 发布

阅读量1.4k

点赞数

分类专栏：技术文章标签： div cookies function input javascript menu

技术专栏收录该内容

254 篇文章 0 订阅

订阅专栏

DIV 蒙版/遮罩效果锁定窗口

2008-01-28 17:10

<SCRIPT language="javascript">
<!--
function lock(menu)       //锁定函数
{menu.style.display="none"?'':''; //打开蒙版
document.cookie="lock=yes";   //设置cookies,使锁定长期有效,
lockpwd.focus();        //密码框直接获取焦点
}

function unlock(menu) //解锁函数
{
menu.style.display=""?'none':'none'; //去除蒙版,达到解锁
document.cookie="lock=no"; //设置cookie
return false;
}

function cklock()         //对输入的密码进行验证
{
if (lockpwd.value==getcookie('lockpwd')) //验证密码与cookie密码
{ unlock(lockform);}
else
{alert("密码错误,请重新输入!");
lockpwd.value="";
lockpwd.focus();
return false;}
}
function getcookie(name)       //获取cookies,用来验证输入的密码
{
    var aCookie = document.cookie.split("; ");   //取得所有cookies,并放置到数组中:[cookie名=值]
    for (var i=0; i < aCookie.length; i++)     //遍历所有cookies
{
   aCrumb = aCookie[i].split("=");     //将cookie名和值分开
    if (name==aCrumb[0])        //验证cookie名
    { return aCrumb[1]; }        //返回cookie值
}
}
-->
</script>
<style>

</style>

<body>
<div id="lockbtn" οnclick="lock(lockform);">锁定</div>
<div id="lockform" style="display:none;">
<div id="locklayer"></div>
<div id="locktab">
<input id="lockck" type="submit" value="请输入解锁密码:" οnfοcus="cklock();" >
<div><input id="lockpwd" type="password" name="lockpwd" οnfοcus="this.value=''" size=16></div>
</div>
</div>
</body>

成都慢生活

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DIV蒙版

DIV蒙版/遮罩效果锁定窗口2008-01-28 17:10 function lock(menu) //锁定函数{menu.style.display="none"?:; //打开蒙版document.cookie="lock=yes"; //设置co
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。