通过掩码层实现浮动层div登录的js代码

通过掩码层实现浮动层div登录的js代码
这没什么要说的!

第一个是HTML代码,它包含登录点击按钮和一个简陋的登录框。

复制代码代码如下所示:
登录
没有用的。
没有用的。
没有用的。
没有用的。

用户登录
用户名 uff1a
uff1a密码
验证码uff1a
然后js脚本代码的实现
复制代码代码如下所示:

函数登录(){
无功shadewidth = document.body.clientwidth + 30;
无功shadeheight = document.body.clientheight + 30;
VaR的阴影= document.getelementbyid(阴影);
shade.style.width = shadewidth +PX;
shade.style.height = shadeheight +PX;
shade.style.display =块;

无功logindivwidth = 200;
无功logindivheight = 800;

无功logindiv = document.getelementbyid(登录);
logindiv.style.width = logindivwidth +PX;
logindiv.style.height = logindivheight +PX;
logindiv.style.top =(document.body.scrolltop + document.body.clientheight / 2)
- logindivheight / 2)+PX;
logindiv.style.left =(document.body.scrollleft + document.body.clientwidth / 2)
- logindivwidth / 2)+PX;
logindiv.style.display =块;
}
只有显示掩码层和登录框的代码,因为隐藏的代码也非常简单,即掩码层(阴影)的div和登录框的div块(登录)的显示属性设置为无,所以应该没有问题。

在这一点上,实现了一个通过掩膜层实现浮动层登录的简单功能,我们在美国艺术领域的工作已经被我们自己解决了。
这里有一个帮助大家的函数。如何让弹出的登录框的div块与滚动条移动

我的实验代码如下。
复制代码代码如下所示:
功能logindivcenter(){
logindiv.style.top =(document.body.scrolltop + document.body.clientheight / 2)
- logindivheight / 2)+PX;
logindiv.style.left =(document.body.scrollleft + document.body.clientwidth / 2)
- logindivwidth / 2)+PX;
}

功能范围(){
LoginDivCenter();
}

onscroll =疥的窗口;
onresize =疥的窗口;
窗口onload =尺度;

但不幸的是,我失败了。很多互联网已被发现,但它不符合要求,最重要的是建立一个setInterval来实现。我认为这样做不理想。

求诸大神教!
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部