Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method for realizing webpage fading-in and fading-out in browser

A technology of fading in and fading out and implementing methods, applied in the field of web pages in browsers, and can solve problems such as calculation

Inactive Publication Date: 2010-08-04
上海纽融视科技有限公司
View PDF0 Cites 12 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0006] The reason for the above situation is that in the webpage in the browser of the prior art, the conversion time is not calculated through the user operation, so as to achieve a higher user experience.

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
  • Method for realizing webpage fading-in and fading-out in browser
  • Method for realizing webpage fading-in and fading-out in browser

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0018] Below in conjunction with accompanying drawing and specific embodiment the present invention is described in further detail:

[0019] Depend on figure 1 Visible: the present invention is realized through the following steps:

[0020] Encode and set a unique identifier for the page elements (HTML DOM) that need to achieve fade-in and fade-out effects, and uniformly encode the page areas that need to achieve this effect into a DOM layer;

[0021] Determine the browser type of the end user, and respond to the corresponding user's mouse wheel event; the browser is IE or Safari or Firefox or Opera or Chrome; according to the different browser responses, the browser type of the response is obtained After that, encode the event of wheel scrolling differently;

[0022] React to the mouse wheel through JavaScript and event handlers: set the initial value variable (such as delta) and event variable (such as event) of the wheel, the sample code is as follows:

[0023] if(window...

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 relates to a method for reazlizing webpage fading-in and fading-out in a browser, which comprises the following steps: coding a page element needing the effect, setting a unique identifier, and coding areas to be realized into a DOM layer in a unified way; judging the type of the browser of a terminal user, and responding to a corresponding user mouse roller event; responding to the mouse roller through JavaScript and an event handler; setting initial testing value variables of the roller and event variables; setting a parameter representing a roller rolling distance for an roller rolling event; calculating a fading-in and fading-out degree according to the roller rolling distance; calculating the value of color or transparency to be reached for the control according to the fading-in and fading-out degree to be reached; obtaining the color to be reached for the control according to the transmission value of the roller rolling event and the background color of the upper-layer page element; and changing the background color of the elements of the page into the color to be reached or changing the transparency of the element.

Description

technical field [0001] The invention relates to a webpage in a browser, in particular to a method for realizing the fade-in and fade-out of the webpage in the browser. Background technique [0002] The fade-in and fade-out of webpages in the prior art mainly uses filters and changes the transparency of page elements to achieve instantaneous transformation effects, which cannot solve the problem of browser compatibility and smooth display of the effect. [0003] Due to the inability to solve the above-mentioned technical problems, the fade-in and fade-out effect of the webpage in the browser cannot be realized. [0004] The fading in and fading out of a web page is to realize the looming of a certain area of ​​the page through customer control or custom methods. [0005] The so-called fading effect means that the webpage in the browser is mainly manifested in the smooth adjustment of the transparency of the currently active webpage, so that the current active webpage is grad...

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
IPC IPC(8): G06F17/30
Inventor 张大钟芮斌王宁张维澜任义兵丁晓峰高祺吴会然袁舜彦司强
Owner 上海纽融视科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com