JavaScript implementation of the landing Mask effect summary _javascript tips

Login Mask effect for JavaScript implementation

<!
DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd" >  

The core of the above code is:

<script type= "Text/javascript" >
 function setheight ()
 {
    var h= Document.documentElement.scrollHeight;
    document.getElementById ("blanks"). style.height=h+ "px";
   }
 function Hidediv ()
  {
    document.getElementById ("Login"). style.display= "None";
    document.getElementById ("blanks"). style.display= "None";
   }
 function Showlogin ()
 {
    document.getElementById ("Login"). style.display= "Block";
    document.getElementById ("blanks"). style.display= "Block";
</script>

Example two:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

Example three:

Example Four

JS production with mask pop-up layer to implement login registration form code effects

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

Demo: http://demo.jb51.net/js/2014/jquery-zzdcc-dlzcbd/