Html + javascript Implementation of the ready-to-submit pop-up dialog box effects _ javascript tips-js tutorial

This article introduces how to use html + javascript to implement the drag-and-drop pop-up layer, dialog box, and submission. The specific code is as follows. If you are interested, refer to it and hope to help you. The Code is as follows:

JAVASCRIPT pop-up layer


Script
Function showPopup () {// pop-up layer
Var objDiv = document. getElementById ("popDiv ");
ObjDiv. style. top = "50px"; // sets the distance between the pop-up layer and the upper boundary.
ObjDiv. style. left = "200px"; // you can specify the distance between the pop-up layer and the left boundary.
ObjDiv. style. width = "300px"; // you can specify the width of the pop-up layer.
ObjDiv. style. height = "200px"; // you can specify the height of the pop-up layer.
// ObjDiv. style. display = "block ";
ObjDiv. style. visibility = "visible ";
}
Function hidePopup () {// close the Layer
Var objDiv = document. getElementById ("popDiv ");
ObjDiv. style. visibility = "hidden ";
}
Script

Modify href = "#" onclick = "hidePopup ();"> disable