代码描述:javascript设置层窗口 垂直水平居中。javascript设置层窗口中垂直水平居中效果实例下载
将一个div层设置为垂直水平居中状态是常有的操作,例如弹出一个登陆框或者提示框之类的效果,下面就通过代码实例介绍一下如何实现此功能,代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> *{ margin:0px; padding:0px; } #thediv{ width:100px; height:100px; background-color:red; position:absolute; } </style> <script type="text/javascript"> function setCenter(){ var odiv = document.getElementById("thediv"); odiv.style.left="50%"; odiv.style.top="50%"; odiv.style.marginLeft="-50px"; odiv.style.marginTop="-50px"; } window.onload=function(){ setCenter(); } </script> </head> <body> <div id="thediv"></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能