A method and system based on the pop -up layer of the web pop -up layer

Abstract

The present invention is a method and system for realizing a pop-up frame based on a web page pop-up layer. The method includes the following steps: step 1, adding a document object operation library file in the website project; step 2, adding a pop-up layer file in the website project Step 3 is to add script files in the website project to repackage the pop-up bullet frame method in the pop-up layer of the open source web page, and encapsulate the pop-up position information of the bullet frame. By the present invention, a kind of bullet frame based on the web page pop-up layer can be realized Method to realize.

Description

technical field [0001] The invention relates to the field of network technology, in particular to a method and system for realizing a pop-up frame based on a web page pop-up layer. Background technique [0002] A large number of bullet boxes are often used in the website system. Currently, there are many bullet boxes to choose from. Most of the functions of the bullet boxes can be realized, such as prompt bullet boxes, warning bullet boxes, input bullet boxes, confirmation bullet boxes or adding interfaces. And the editing interface pop-up box. For example, the input method pop-up box is a common pop-up box, which will be displayed under the cursor when inputting the current text box to help users quickly identify whether the input content is correct, such as figure 1 As shown, users can judge whether the content they input is correct according to the content displayed in the input method pop-up box. [0003] In the prior art, the pop-up layer (Layer pop-up layer, hereinaf...

AI Technical Summary

Problems solved by technology

[0011] 1. The pop-up position of the web page pop-up layer cannot be displayed accurately in the middle of the interface;

[0012] 2. Cannot automatically adapt to the size of the browser to display according to the size of the resolution;

[0014] 4. There is no effective solution to the display problem when the multi-level parent page pops up the pop-up box, that is, in the case of using a dynamic frame (iframe), the webpage pop-up layer plug-in cannot natively support the problem of which frame the pop-up layer pops up, for example, when When a scroll bar appears on the current page, the pop-up pop-up frame using the web page pop-up layer will be displayed below the visible range, and some need to manually operate the scroll bar to see the pop-up pop-up frame using the web page pop-up layer;

[0015] 5. There are blocking pop-up boxes in native JavaScript, but the display effect is not very good, the display style is not very beautiful, and the user experience is not good.

Images