Examples of js implementation pop-up window, page turns gray and not operable _ javascript skills

For better user experience, the pop-up layer is used in many places on the webpage. For example, you are prompted to log on, scan QR code images, and receive a point deduction reminder during Forum downloads. If not, you can look at the following simple example.

The Code is as follows:

After a window is displayed, the following layers cannot be operated.
Script
Function show () // display the hidden layer and pop-up layer
{
Var hideobj = document. getElementById ("hidebg ");
Hidebg. style. display = "block"; // display the hidden layer
Hidebg. style. height = document. body. clientHeight + "px"; // set the height of the hidden layer to the current page height.
Document. getElementById ("hidebox"). style. display = "block"; // display the pop-up layer
}
Function hide () // remove the hidden layer and pop-up layer
{
Document. getElementById ("hidebg"). style. display = "none ";
Document. getElementById ("hidebox"). style. display = "none ";
}
Script

Click Close

Click to try