Mip-lightbox zooming display method and device for html page and equipment

A pop-up layer and page technology, applied in pop-up layer zoom display, computer-readable storage media, can solve the problems of not smooth enough experience, poor visual experience, and consumption of browser performance, so as to achieve smooth user experience and reduce computing pressure Effect

Pending Publication Date: 2021-12-03
HANGZHOU ANHENG INFORMATION TECH CO LTD
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, the display of the traditional pop-up layer on the webpage is very stuck, that is, after clicking a certain position on the page, it will be directly displayed in the center of the page, and when it is clicked to close, it will suddenly disappear on the page
At the same time, when implementing the pop-up zoom effect, Javascript is used to calculate, thereby changing the position of the pop-up layer in the web page, which will cause a lot of performance calculations, which greatly consumes the browser performance, and because Javascript cannot be based on the screen Real-time animation with a higher refresh rate will cause a sense of visual stuttering. For users, the experience effect is not smooth enough, and the visual experience is slightly poor.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Mip-lightbox zooming display method and device for html page and equipment
  • Mip-lightbox zooming display method and device for html page and equipment
  • Mip-lightbox zooming display method and device for html page and equipment

Examples

Experimental program
Comparison scheme
Effect test

Example Embodiment

[0042] The following display methods of scaling elastic layer html page embodiments of the present application provides for a description, see figure 1 , First embodiment comprises:

[0043] S11, determining a starting position of the scaled elastic layer;

[0044] S12, to determine the final position of the zoom elastic layer;

[0045] S13, depending on the starting position and the final position, the built-in browser to display elastic properties transition layer zoom animation.

[0046] Specifically, a html page by clicking DOM element node, the node acquires location on the page is clicked, the elastic layer is deployed to determine the starting position of the animation. Html page code structure by the CSS, Javascript elastic layer to obtain the final position on the page. After determining the change in position of the elastic layer from scratch, from a starting position to the final position of the elastic layer animation display, in order to achieve elastic layer or the elas

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses a mip-lightbox zooming display method for an html page. The method comprises the steps: determining the initial position of mip-lightbox zooming; determining the final position of the mip-lightbox zooming; and according to the initial position and the final position, utilizing a built-in attribute transition of a browser to display mip-lightbox zooming animation. Visibly, according to the method, the purpose of displaying the mip-lightbox zooming animation on the basis of any element position in the html page is achieved, and the mip-lightbox zooming animation is displayed by utilizing the built-in attribute transition of the browser, so that the GPU of a computer can be better utilized to accelerate rendering, the computing pressure of the computer is relieved, and the user experience effect is smooth. In addition, the invention further provides a mip-lightbox zooming display device for the html page, equipment and a computer readable storage medium, and the technical effects of the device correspond to the technical effects of the method.

Description

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Owner HANGZHOU ANHENG INFORMATION TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap