CN109669696A - Generation method, display methods and device, the readable storage medium storing program for executing of parallax webpage - Google Patents
Generation method, display methods and device, the readable storage medium storing program for executing of parallax webpage Download PDFInfo
- Publication number
- CN109669696A CN109669696A CN201811586099.2A CN201811586099A CN109669696A CN 109669696 A CN109669696 A CN 109669696A CN 201811586099 A CN201811586099 A CN 201811586099A CN 109669696 A CN109669696 A CN 109669696A
- Authority
- CN
- China
- Prior art keywords
- parallax
- page
- content
- function
- displayed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention provides generation method, display methods and device, the readable storage medium storing program for executing of a kind of parallax webpage, are related to Internet technical field.By the way that at least one function and parallax container will be stored in advance in the html file of parallax webpage, and then when editing the corresponding display effect of content to be displayed of parallax page, function in HTML (passing through API Calls) can directly be quoted, as long as defining the corresponding efficacy parameter of each parallax page, realize that the code of function is write once without the effect to each parallax page, even if two effects realize that function is identical.Therefore, primary effect, which will be write, for the display effect of each parallax page compared to the prior art realizes function, scheme provided in an embodiment of the present invention realizes function because effect can be multiplexed, and the workload in the generating process of parallax webpage is small, therefore more convenient.
Description
Technical field
The present invention relates to Internet technical fields, in particular to generation method, the display methods of a kind of parallax webpage
And device, readable storage medium storing program for executing.
Background technique
With the development of internet, people can browse many webpages daily and obtain knowledge.Webpage in the prior art is big
All be it is bland, text, picture etc. are presented on the terminal interface of user in stiff form；When strong influence browses
Visual experience.Therefore, the prior art devises a kind of webpage with parallax rolling effect；But due to the production in webpage
In the process, in the every page in webpage display content and display effect be required to write corresponding code；And then webpage
It makes very complicated and time-consuming.
Summary of the invention
The embodiment of the present invention is to provide generation method, display methods and device, the readable storage medium of a kind of parallax webpage
Matter can alleviate the above problem.
In order to alleviate above-mentioned problem；The technical solution that the embodiment of the present invention is taken is as follows:
In a first aspect, the embodiment of the invention provides a kind of generation method of parallax webpage, the generation of the parallax webpage
Method includes:
The initial HTML file of webpage is obtained, the initial HTML file includes the parallax container and at least of each parallax page
The corresponding function content of one function；
The content of the content to be displayed of each parallax page is written in each corresponding parallax container of parallax page
Function；
Configure the parameter and API of the corresponding animation effect of each parallax page；The function that the API is called is institute
The function at least one function is stated, when through function described in the API Calls, it is described to realize to execute the function content
The corresponding animation effect of parameter.
In embodiments of the present invention, by the way that at least one function and parallax will be stored in advance in the html file of parallax webpage
Container, and then when editing the corresponding display effect of content to be displayed of parallax page, it can directly quote function in HTML and (pass through
API Calls), as long as defining the corresponding efficacy parameter of each parallax page, function is realized without the effect to each parallax page
Code all write once, even if two effects realize that functions are identical.Therefore, compared to the prior art for each view
The display effect of poor page will write primary effect and realize function, and scheme provided in an embodiment of the present invention is because effect can be multiplexed
Function is realized, so the workload in the generating process of parallax webpage is small, therefore more convenient.
Optionally, the content to be displayed includes at least one sub- content to be displayed, described each in each parallax page
The content function of the content to be displayed of each parallax page is written in self-corresponding parallax container, comprising:
It is to be shown that either one or two of described i-th of parallax page is written in the corresponding parallax container of i-th of parallax page
When the content function and data of content, determine whether the content function of any one sub- content to be displayed regards with j-th
The content function of one sub- content to be displayed of poor page is identical；
When the content function of any one sub- content to be displayed and a sub- content to be displayed of j-th of parallax page
Content function it is identical when, in the corresponding parallax container of i-th of parallax page write-in for calling j-th of parallax page
Parallax container in one sub- content to be displayed content function API；Wherein, i, j take 1-N, i and j different, and N is
The sum of parallax page.
In embodiments of the present invention, since content to be displayed includes at least one sub- content to be displayed, when two it is different
When in parallax page including identical sub- content to be displayed, it is only necessary to it is to be shown interior that the son be written in a wherein parallax container
Hold corresponding function, and can then call directly this being written in one of parallax container in another parallax container
The corresponding function of sub- content to be displayed.The reusability during parallax auto-building html files is further improved in this way, and is saved
When the corresponding function of sub- content to be displayed being written to the time of corresponding parallax container, and then shortening the generation of each parallax page
Between.The corresponding function of each content to be displayed will be written in corresponding parallax container in compared to the prior art, the present invention
The generation method for the parallax webpage that embodiment provides more saves the time and reusability is higher.
Optionally, the method also includes:
API document corresponding with the content function is written in the parallax container of j-th of parallax page.
Be in embodiment in the present invention will all there is corresponding API document to explain with the content function write-in, and
Content function is explained due to being provided with API document.Staff is when being written parallax container for content function, if needing to adjust
Written by front when content function；The prior art is only capable of the source code of reading content function, extremely wastes time.And it is of the invention
The scheme that embodiment provides can be realized by the corresponding API document of reading content function and be called, rather than reading content function
Source code；And then it can save the time in calling process.
Optionally, the sub- content to be displayed are as follows: any one in background patterns, table or text.
Optionally, the method also includes:
The corresponding API document of at least one described function is written in the html file.
In embodiments of the present invention, at least one function is also configured with corresponding API document, and then can make at least one
Function is more convenient when calling, to save the generation time of parallax webpage.
Optionally, at least one described function includes: for making the content to be displayed slowly be shown in the parallax page
On function, the function for showing animated image on the parallax page, for described in controlling and being shown on the parallax page
The function of the display time span of animated image.
Second aspect, the embodiment of the invention provides a kind of display methods of parallax webpage, for showing according to such as above-mentioned
The parallax webpage that the generation method of parallax webpage described in first aspect generates, which comprises
The operation for responding the display parallax page of user determines the corresponding parallax page of the operation；
The content function of the content to be displayed in the corresponding parallax container of the parallax page is executed, is obtained described to be shown interior
Hold；
The function content for the function that the API for the animation effect that execution is configured by the parallax page is called, by the view
The content to be displayed of poor page is shown according to the corresponding animation effect of parameter configured for the parallax page.
Optionally, the method also includes:
According to the quantity of the parallax container of each parallax page, the corresponding navigation of each parallax page is shown in current interface
Key, the parallax page that the navigation key is used to that the current interface to be made to show are jumped to corresponding with the navigation key by current parallax page
Parallax page.
The third aspect, the embodiment of the invention provides a kind of display device of parallax webpage, described device includes:
Operation module, the operation of the display parallax page for responding user, determines the corresponding parallax page of the operation；
First execution module, for executing the content letter of the content to be displayed in the corresponding parallax container of the parallax page
Number, obtains the content to be displayed；
Second execution module, for executing by the letter of the API of the animation effect of the parallax page configuration function called
Number content carries out the content to be displayed of the parallax page according to the corresponding animation effect of the parameter configured for the parallax page
Display.
Optionally, described device further include:
Generation module shows each parallax for the quantity according to the parallax container of each parallax page in current interface
The corresponding navigation key of page, the parallax page that the navigation key is used to that the current interface to be made to show is jumped to by current parallax page and institute
State the corresponding parallax page of navigation key.
Fourth aspect, the embodiment of the invention provides a kind of computer readable storage mediums, are stored thereon with computer journey
Sequence executes the step in the display methods of parallax webpage described in above-mentioned second aspect when computer program is run by processor.
To enable the above objects, features and advantages of the present invention to be clearer and more comprehensible, the embodiment of the present invention is cited below particularly, and match
Appended attached drawing is closed, is described in detail below.
Detailed description of the invention
In order to illustrate the technical solution of the embodiments of the present invention more clearly, below will be to needed in the embodiment attached
Figure is briefly described, it should be understood that the following drawings illustrates only certain embodiments of the present invention, therefore is not construed as pair
The restriction of range for those of ordinary skill in the art without creative efforts, can also be according to this
A little attached drawings obtain other relevant attached drawings.
Fig. 1 is a kind of flow diagram of the generation method of parallax webpage provided in an embodiment of the present invention；
Fig. 2 is a kind of flow diagram of the display methods of parallax webpage provided in an embodiment of the present invention；
Fig. 3 is a kind of schematic diagram of the display interface of parallax webpage provided in an embodiment of the present invention；
Fig. 4 is a kind of generating means connection schematic diagram of parallax webpage provided in an embodiment of the present invention；
Fig. 5 is a kind of display device connection schematic diagram of parallax webpage provided in an embodiment of the present invention.
Specific embodiment
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with the embodiment of the present invention
In attached drawing, technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is
A part of the embodiment of the present invention, instead of all the embodiments.The present invention being usually described and illustrated herein in the accompanying drawings is implemented
The component of example can be arranged and be designed with a variety of different configurations.
Therefore, the detailed description of the embodiment of the present invention provided in the accompanying drawings is not intended to limit below claimed
The scope of the present invention, but be merely representative of selected embodiment of the invention.Based on the embodiments of the present invention, this field is common
Technical staff's every other embodiment obtained without creative efforts belongs to the model that the present invention protects
It encloses.
It should also be noted that similar label and letter indicate similar terms in following attached drawing, therefore, once a certain Xiang Yi
It is defined in a attached drawing, does not then need that it is further defined and explained in subsequent attached drawing.
Referring to Fig. 1, the embodiment of the invention provides a kind of generation methods of parallax webpage, which comprises
Step 110: obtain the initial HTML file of webpage, initial HTML file include each parallax page parallax container and
The corresponding function content of at least one function.
Parallax webpage in step 110 may include multiple parallax pages, and the corresponding parallax container of each parallax page；
And at least one function and parallax container can store in html file.And at least one function may include: for making
Function (slow-action function) that content to be displayed is slowly shown on the parallax page, for showing animated image on parallax page
Function (animation object function), the function of display time span for controlling the animated image shown on parallax page are (dynamic
Draw duration function) etc..And each of at least one function can be explained with API document, in order to subsequent calling.
Each function at least one function can correspond to an API Calls interface, be also possible at least one function
In multiple functions correspond to the same API Calls interface.It is not defined herein.Such as: function A is animation object function,
And function B animation duration function；Then function A and function B can share an API Calls interface；Because function A and function B are equal
It is the function controlled the display animated image on the display page.And in embodiments of the present invention at least one function
Type is not defined, and can be set according to actual needs in a specific embodiment, for example, at least one function is also
It may include: the function (cyclical function) etc. for circulating in for content to be displayed and being shown on corresponding parallax page, the present invention
Embodiment is only that the partial function enumerated at least one function is illustrated to better understand this programme.
Further, html file can be and finish writing in advance in step 110, and then while generating parallax webpage can be straight
It obtains and takes html file.It can certainly be one html file of editor.At least one letter will be written when editing html file
Number.The function in html file at least one function can be increased at any time in the generating process of parallax webpage simultaneously.Step
120: the content function of the content to be displayed of each parallax page being written in the corresponding parallax container of each parallax page.
In the step 120, what is be written in parallax container is the content function of content to be displayed, and when the operation content letter
When number, the corresponding content to be displayed of content function will be shown on parallax page.
Step 130: configuring the parameter and API of the corresponding animation effect of each parallax page；The function that API is called is extremely
Function in a few function executes function content when passing through API Calls function to realize the corresponding animation effect of parameter.
In step 130, can by the function at least one function of API Calls, such as by API Calls at least one
First function in function, and the corresponding parameter changed in first function, then the corresponding display effect of first function will change
Become.Concrete example illustrates: if first function is the slow-action function at least one function, a certain parallax page holds to parallax is stored in
When content to be displayed in device is shown, and a certain parallax page passes through the first function corresponding API Calls first function
When, then the content to be displayed in the corresponding parallax container of a certain parallax page will be by showing after specific time in a certain parallax page
On.The length of specific time can be determined by the parameter in first function.For example, after changing parameter, the length of specific time
Degree can also change correspondingly；As the length of specific time can be with are as follows: 0.2 second, 0.3 second or 0.5 second etc..When specific time determines it
Afterwards, after by specific time, the content to be displayed stored in corresponding parallax container will be shown on a certain parallax page.Together
When, since there are many type function of at least one function, above-mentioned illustrated with slow-action function example, not from the limited effect.
In a particular embodiment, a certain parallax page can also call multiple functions at least one function simultaneously,
For example, when calling the animation object function and slow-action function in multiple functions simultaneously；To then have simultaneously on a certain parallax page
Draw the effect of object function and slow-action function.Such as: when a certain parallax page is shown, it can not only show animation object letter
Animated image determined by several parameters, and by the parameter of slow-action function determine be particularly shown the time after, Ke Yixian
Show the content to be displayed stored in the corresponding parallax container of a certain parallax page.In turn, when a certain parallax page is when being shown, no
Be it is single content to be displayed is shown, and be equipped with corresponding animated image and delay display the time so that a certain view
The display effect of poor page is more lively, and then it is stronger that readability of the family when browsing the parallax page can be used.It is of course also possible to
By the cooperation of other functions to realize other display effects, no longer enumerated herein.
In embodiments of the present invention, by least one function will be stored in advance in the html file of parallax webpage, in turn
When parallax page to content to be displayed when showing, it is only necessary to change the corresponding parameter of function at least one function
Change the display effect in content to be displayed on corresponding parallax page.It is required on each parallax page compared to the prior art
The display effect of content to be displayed is write.Scheme reusability provided in an embodiment of the present invention is higher, and due to only needing to change
The parameter of varying function can be achieved with the change of display effect, and the workload in the generating process of parallax webpage is small, therefore more
It is convenient.
Optionally, in embodiments of the present invention, the content to be displayed packet in the corresponding parallax container of each parallax page
Include at least one sub- content to be displayed；The corresponding content function of every sub- content to be displayed is configured with corresponding API document.
Optionally, sub- content to be displayed can be with are as follows: any one in background patterns, table or text.But son is to aobvious
Show that content is not limited to only background patterns, table or text, can also be in a specific embodiment small video etc..
In embodiments of the present invention, multiple sub- contents to be displayed in parallax container can be different.Also, every height waits showing
Show that content has corresponding API document and explains to the corresponding content function of every sub- content to be displayed.Such as: at some
Content to be displayed in parallax container includes three sub- contents to be displayed, respectively sub- content to be displayed a, sub- content to be displayed b
With sub- content to be displayed c.Sub- content to be displayed a can be data form, sub- content to be displayed b can be data in table,
Sub- content to be displayed c can be background patterns.And it is to be shown interior to the corresponding content function of sub- content to be displayed a, son respectively
Hold the corresponding content function of b and the corresponding content function of sub- content to be displayed c carries out the explanation of API document.If subsequent needs are used
It, can be to be shown interior with antithetical phrase content to be displayed a, son when sub- content to be displayed a, sub- content to be displayed b or sub- content to be displayed c
Hold b or sub- content to be displayed c to be directly called.
Simultaneously as the content to be displayed in parallax container may include multiple sub- contents to be displayed, and then in the parallax
When the corresponding parallax page of container shows content to be displayed, can call function at least one function to multiple sons to
The display order of display content is controlled.Above embodiment is specifically combined, if including in son is to be shown in the parallax container
Hold a, sub- content to be displayed b and sub- content to be displayed c, then can call the slow-action function in a few function, and accordingly more
Change parameter, so that interval shows son in 0.5 second on parallax page after sub- content to be displayed a carries out display completely on parallax page
Content to be displayed b, sub- content to be displayed b carried out on parallax page completely display after be spaced 0.5 second it, sub- content to be displayed
C will be shown on parallax page.And then content to be displayed can be made to open up completely on corresponding parallax page with dynamic effect
It shows and.Increase the readability of content to be displayed.
Certainly, sub- content to be displayed a, sub- content to be displayed b and sub- content to be displayed c are each other on corresponding parallax page
Display order and display appear on the scene effect be not defined.It can be set according to the actual situation in specific embodiment
It is fixed.It is shown for example, sub- content to be displayed a can be the mode faded in；The mode that sub- content to be displayed b can be rolling is aobvious
It shows and；The mode that sub- content to be displayed c can be aggregation is shown.Parallax page can be enhanced in this way to content to be displayed
Parallax effect when being shown.
Optionally, step 120: the to be shown of each parallax page is written in the corresponding parallax container of each parallax page
The content function of content, comprising:
It is to be shown that either one or two of described i-th of parallax page is written in the corresponding parallax container of i-th of parallax page
When the content function and data of content, determine whether the content function of any one sub- content to be displayed regards with j-th
The content function of one sub- content to be displayed of poor page is identical；
When in the content function of any one sub- content to be displayed and a sub- content to be displayed of j-th of parallax page
When appearance function is identical, the view for calling j-th of parallax page is written in the corresponding parallax container of i-th of parallax page
The API of the content function of one sub- content to be displayed in poor container；Wherein, i, j take 1-N, i and j different, and N is parallax
The sum of page.
In embodiments of the present invention, when parallax webpage includes two and more than two parallax pages, if two therein
There is identical sub- content to be displayed in parallax page, then one of parallax page can call the identical son in another parallax page
The corresponding content function of content to be displayed.And it is to be shown to the identical son in another parallax page for being able to achieve the basis of calling
The corresponding content function of content has corresponding API document to explain.And there is no corresponding to sub- content to be displayed interior for the prior art
Hold function and carry out corresponding API document explanation, and then each sub- content to be displayed is both needed to re-write corresponding content function.Wave
It is time-consuming.And in scheme provided in an embodiment of the present invention, if there is identical sub- content to be displayed, it is only necessary to one of son to
The corresponding content function of display content is edited.And then it can save and summarize write-in content to be displayed in parallax container
Time.
For example, number consecutively is the 1st parallax page, the 2nd parallax page and the 3rd if the parallax webpage includes 3 parallax pages
A parallax page.There are sub- content to be displayed 1, sub- content to be displayed 11 and son to be shown in the corresponding parallax container of 1st parallax page
Content 111.There are sub- content to be displayed 2 and sub- content to be displayed 22 in the corresponding parallax container of 2nd parallax page.3rd parallax
There are sub- content to be displayed 3, sub- content to be displayed 33 and sub- content to be displayed 333 in the corresponding parallax container of page.If son is to be shown
Content 11, sub- content to be displayed 22 and sub- content to be displayed 33 are identical contents.And then to the 2nd corresponding view of parallax page
When sub- content to be displayed 22 is written in poor container, can call directly has son to aobvious in the corresponding parallax container of the 1st parallax page
Show content 11.And there is sub- content to be displayed 33 that can also call sub- content to be displayed in the corresponding parallax container of the 3rd parallax page
11.Thus, it is only necessary to write the corresponding function of sub- content to be displayed 11, not need to be shown to sub- content to be displayed 22 and son
The corresponding function of content 33 is write.When can save the write-in of the corresponding content to be displayed of parallax container in each parallax page
Between, and then the generation time of parallax webpage can be saved.
Optionally, API document corresponding with the content function is written in the parallax container of j-th of parallax page.
In embodiments of the present invention, the content function of different sub- contents to be displayed be provided with corresponding API document into
Row explains, can be in order to calling.
Optionally, referring to Fig. 2, the embodiment of the invention provides a kind of display methods of parallax webpage, for showing
The parallax webpage that the generation method of parallax webpage generates is stated, the display methods of parallax webpage includes:
Step 210: responding the operation of the display parallax page of user, determine the corresponding parallax page of the operation.
In step 210, since parallax webpage is including may include multiple parallax pages, and the size of parallax page and terminal are aobvious
Show that the size of the display interface of equipment can be identical.And when opening parallax webpage on terminal presentation facility, since browser is equal
Default rolling effect configured with user.And since the rolling effect of default that is, may be being shown as unit of page
The partial content of interface display two different parallax pages, and then influence the observation experience of user.Therefore, in the embodiment of the present invention
In, browser default rolling effect can be ended, and carry out relative users in display parallax using the rolling effect in parallax webpage
The operation of page.And the rolling effect in parallax webpage is as unit of page.Concrete example explanation:
If terminal presentation facility is computer, the parallax webpage shown on computers has 20 parallax pages, if electric at this time
After the display interface of brain is the parallax page of page 5, and the idler wheel for monitoring mouse scrolls down through the first preset distance, computer is shown
Show that interface becomes the parallax page of page 6 from the parallax page of page 5；If the idler wheel for monitoring mouse at this time scroll up second it is preset away from
From rear, then the display interface of computer becomes the parallax page of page 5 from the parallax page of page 6.
It should be noted that in embodiments of the present invention, the first preset distance and the second pre-determined distance and without limit
It is fixed, it can be set according to the actual situation in a specific embodiment, and terminal presentation facility is not limited to as computer, it can also
Think mobile phone, when for mobile phone, monitors touch control operation of the user on mobile phone screen to realize changing by current parallax page
Next display parallax page.
Step 220: executing the content function of the content to be displayed in the corresponding parallax container of parallax page, obtain described to aobvious
Show content.
Step 230: executing by the function content of the API of the animation effect of the parallax page configuration function called, by institute
The content to be displayed for stating parallax page is shown according to the corresponding animation effect of parameter configured for the parallax page.
In embodiments of the present invention, available to be somebody's turn to do when determining certain parallax page of display on the display interface of terminal device
Content to be displayed in parallax page executes the animation effect for parallax page configuration, makes content to be displayed according to preconfigured
Animation effect is shown.
Optionally, the display methods of parallax webpage further include:
According to the quantity of the parallax container of each parallax page, the corresponding navigation of each parallax page is shown in current interface
Key, the parallax page that navigation key is used to that the current interface to be made to show jump to parallax corresponding with navigation key by current parallax page
Page.
In embodiments of the present invention, it since parallax webpage is by including multipage parallax page, is quickly checked for the ease of user
Certain one page parallax page, and then navigation key can be generated on parallax webpage.Quickly cutting between page and page may be implemented in navigation key
It changes.
When being provided with navigation key, the operation for responding the display parallax page of user in step 210 then can be user's point
Navigation key is hit, so that display interface is transformed by current parallax page clicks the corresponding parallax page of navigation key.
Concrete example illustrates the effect of navigation key below:
Referring to Fig. 3, Fig. 3 right vertical is mediated small when showing on display interface shown in Fig. 3 to parallax page
Ball is navigation key, and one evil mind ball characterization of maximum is the corresponding navigation key of parallax page being currently displaying.
And first small ball from top to bottom is navigation key corresponding to the first page parallax page of parallax webpage, and from top to bottom most
The small ball of the latter is navigation key corresponding to the last page parallax page of parallax webpage.And work as the parallax page that parallax webpage includes
Number of pages it is more when, when right side is shown completely, characterized with the georama on right side, clicking the georama may be implemented to regard
It turns over and turns under poor page.
If some parallax webpage has 100 parallax pages, if user has been observed that page 20, if wanting to see page 1 at this time；If
There is no navigation key, will successively return to page 1 from page 20, page 19 ... page 3, page 2；It is very inconvenient.And work as
It is arranged after navigation key, user can click the first small ball of the corresponding navigation key of page 1 namely from top to bottom between
And page 1 quickly is returned to from page 20.And the maximum evil mind ball characterization in right side is page 20, in maximum evil mind ball
First small ball characterization is page 19 above；And first small ball characterization is the 21st below maximum evil mind ball
Page.If click first georama of the upper surface of maximum evil mind ball at this time, full page will move up page 5, change speech
It, the corresponding content of parallax page of page 15 will be shown in display interface at this time, and it is that maximum evil mind ball is corresponding at this time
Page 15.If click is second georama of the upper surface of maximum evil mind ball, full page will move up page 10, change
Yan Zhi, the corresponding content of parallax page of page 10 will be shown in display interface at this time, and maximum evil mind ball is corresponding at this time is
Page 10.And so on.And the effect realized when clicking the georama below maximum evil mind ball and click are maximum
The georama of the upper surface of evil mind ball is similar, is only that full page moves backward default page.It is no longer repeated herein.
Therefore, it is more convenient when browsing the parallax webpage that family can be used in setting navigation key.
It should be noted that being to be merely illustrative of navigation key in embodiment when user browses parallax webpage in the present invention
The effect risen is not defined display mode of the navigation key in parallax page and mode of operation.
Optionally, referring to Fig. 4, the embodiment of the invention provides a kind of generating means 10 of parallax webpage, the parallax
The generating means 10 of webpage include:
Module 20 is obtained, for obtaining the initial HTML file of webpage, the initial HTML file includes each parallax page
Parallax container function content corresponding at least one function；
First writing module 30, for each parallax page to be written in each corresponding parallax container of parallax page
Content to be displayed content function；
Configuration module 40, for configuring the parameter and API of the corresponding animation effect of each parallax page；The API
The function called is that the function at least one described function executes the letter when through function described in the API Calls
Number content is to realize the corresponding animation effect of the parameter.
Optionally, the content to be displayed includes at least one sub- content to be displayed, and the first writing module 30 includes:
Judgment module, for either one or two of described i-th of parallax page to be written in the corresponding parallax container of i-th of parallax page
When the content function and data of the sub- content to be displayed, determine that the content function of any one sub- content to be displayed is
It is no identical as the content function of a sub- content to be displayed of j-th of parallax page；
Calling module, for when any one sub- content to be displayed content function and j-th of parallax page one
When the content function of a sub- content to be displayed is identical, write-in is for calling in the corresponding parallax container of i-th of parallax page
The API of the content function of one sub- content to be displayed in the parallax container of j-th of parallax page；Wherein, i, j take
1-N, i and j are different, and N is the sum of parallax page.
The generating means 10 of the parallax webpage further include:
Second writing station, it is corresponding with the content function for being written in the parallax container of j-th of parallax page
API document.
Optionally, the sub- content to be displayed are as follows: any one in background patterns, table or text.
Optionally, the generating means 10 of the parallax webpage further include:
Third writing station, for the corresponding API document of at least one described function to be written in the html file.
Optionally, at least one described function includes: for making the content to be displayed slowly be shown in the parallax page
On function, the function for showing animated image on the parallax page, for described in controlling and being shown on the parallax page
The function of the display time span of animated image.
Optionally, referring to Fig. 5, the embodiment of the invention provides a kind of display device 100 of parallax webpage, described device
100 include:
Operation module 110, the operation of the display parallax page for responding user, determines the corresponding parallax page of the operation；
First execution module 120, for executing the content of the content to be displayed in the corresponding parallax container of the parallax page
Function obtains the content to be displayed；
Second execution module 130, for executing by the API of the animation effect of the parallax page configuration function called
Function content, by the content to be displayed of the parallax page according to the corresponding animation effect of parameter configured for the parallax page into
Row display.
Optionally, described device 10 further include:
Generation module 140 shows each view for the quantity according to the parallax container of each parallax page in current interface
The corresponding navigation key of poor page, the parallax page that the navigation key is used to that the current interface to be made show jumped to by current parallax page and
The corresponding parallax page of the navigation key.
Optionally, the embodiment of the invention provides a kind of computer readable storage medium, it is stored thereon with computer program,
The step in the display methods of parallax webpage is executed when computer program is run by processor.
A kind of generation method, display methods and the device of parallax webpage provided by embodiments of the present invention readable are deposited
Storage media, the generation method of the parallax webpage include: the initial HTML file for obtaining webpage, and the initial HTML file includes
The parallax container of each parallax page function content corresponding at least one function；In each corresponding view of parallax page
The content function and data of the content to be displayed of each parallax page are written in poor container；It is corresponding dynamic to configure each parallax page
Draw the parameter and API of effect；The function that the API is called is the function at least one described function, when by described
Described in API Calls when function, the function content is executed to realize the corresponding animation effect of the parameter.By by parallax webpage
Html file in be stored in advance at least one function and parallax container, and then the content to be displayed for editing parallax page is corresponding aobvious
When showing effect, function in HTML (passing through API Calls) can be directly quoted, as long as defining the corresponding efficacy parameter of each parallax page
, realize that the code of function is write once without the effect to each parallax page, even if two effects realize that function is phase
With.Therefore, primary effect will be write for the display effect of each parallax page compared to the prior art realize function, this
The scheme that inventive embodiments provide realizes function, the work in the generating process of parallax webpage because effect can be multiplexed
It measures small therefore more convenient.
In embodiment provided herein, it should be understood that disclosed device and method, it can also be by other
Mode realize.The apparatus embodiments described above are merely exemplary, for example, the flow chart and block diagram in attached drawing are shown
Device, the architectural framework in the cards of method and computer program product, function of multiple embodiments according to the present invention
And operation.In this regard, each box in flowchart or block diagram can represent one of a module, section or code
Point, a part of the module, section or code includes one or more for implementing the specified logical function executable
Instruction.It should also be noted that function marked in the box can also be attached to be different from some implementations as replacement
The sequence marked in figure occurs.For example, two continuous boxes can actually be basically executed in parallel, they sometimes may be used
To execute in the opposite order, this depends on the function involved.It is also noted that each of block diagram and or flow chart
The combination of box in box and block diagram and or flow chart can be based on the defined function of execution or the dedicated of movement
The system of hardware is realized, or can be realized using a combination of dedicated hardware and computer instructions.
In addition, each functional module in each embodiment of the present invention can integrate one independent portion of formation together
Point, it is also possible to modules individualism, an independent part can also be integrated to form with two or more modules.
It, can be with if the function is realized and when sold or used as an independent product in the form of software function module
It is stored in a computer readable storage medium.Based on this understanding, technical solution of the present invention is substantially in other words
The part of the part that contributes to existing technology or the technical solution can be embodied in the form of software products, the meter
Calculation machine software product is stored in a storage medium, including some instructions are used so that a computer equipment (can be a
People's computer, laptop, server or network equipment etc.) execute the whole of each embodiment the method for the present invention
Or part steps.And storage medium above-mentioned includes: USB flash disk, mobile hard disk, read-only memory (ROM, Read-
OnlyMemory), random access memory (RAM, RandomAccessMemory), magnetic or disk etc. are various can store
The medium of program code.It should be noted that, in this document, relational terms such as first and second and the like be used merely to by
One entity or operation are distinguished with another entity or operation, without necessarily requiring or implying these entities or operation
Between there are any actual relationship or orders.Moreover, the terms "include", "comprise" or its any other variant meaning
Covering non-exclusive inclusion, so that the process, method, article or equipment for including a series of elements not only includes that
A little elements, but also including other elements that are not explicitly listed, or further include for this process, method, article or
The intrinsic element of equipment.In the absence of more restrictions, the element limited by sentence "including a ...", is not arranged
Except there is also other identical elements in the process, method, article or apparatus that includes the element.
The foregoing is only a preferred embodiment of the present invention, is not intended to restrict the invention, for the skill of this field
For art personnel, the invention may be variously modified and varied.All within the spirits and principles of the present invention, made any to repair
Change, equivalent replacement, improvement etc., should all be included in the protection scope of the present invention.
Claims (10)
1. a kind of generation method of parallax webpage, which is characterized in that the described method includes:
Obtain webpage initial HTML file, the initial HTML file include each parallax page parallax container and at least one
The corresponding function content of function；
The content function of the content to be displayed of each parallax page is written in each corresponding parallax container of parallax page；
Configure the parameter and API of the corresponding animation effect of each parallax page；The function that the API is called be it is described extremely
Function in a few function executes the function content when through function described in the API Calls to realize the parameter
Corresponding animation effect.
2. the method according to claim 1, wherein the content to be displayed includes at least one son is to be shown
Hold, the content letter of the content to be displayed that each parallax page is written in each corresponding parallax container of parallax page
Number, comprising:
Either one or two of described i-th of parallax page content to be displayed is written in the corresponding parallax container of i-th of parallax page
Content function and when data, determine any one sub- content to be displayed content function whether with j-th of parallax page
A sub- content to be displayed content function it is identical；
When in the content function of any one sub- content to be displayed and a sub- content to be displayed of j-th of parallax page
When appearance function is identical, the view for calling j-th of parallax page is written in the corresponding parallax container of i-th of parallax page
The API of the content function of one sub- content to be displayed in poor container；Wherein, i, j take 1-N, i and j different, and N is parallax
The sum of page.
3. according to the method described in claim 2, it is characterized in that, the method also includes:
API document corresponding with the content function is written in the parallax container of j-th of parallax page.
4. according to the method described in claim 2, it is characterized in that, the sub- content to be displayed are as follows: background patterns, table or
Any one in text.
5. the method according to claim 1, wherein the method also includes:
The corresponding API document of at least one described function is written in the html file.
6. the method according to claim 1, wherein at least one described function includes: described to aobvious for making
Show function that content is slowly shown on the parallax page, for showing the function of animated image on the parallax page, being used for
Control the function of the display time span of the animated image shown on the parallax page.
7. a kind of display methods of parallax webpage, which is characterized in that for showing according to such as any one of claim 1-6 institute
The parallax webpage that the method stated generates, which comprises
The operation for responding the display parallax page of user determines the corresponding parallax page of the operation；
The content function for executing the content to be displayed in the corresponding parallax container of the parallax page, obtains the content to be displayed；
The function content for the function that the API for the animation effect that execution is configured by the parallax page is called, by the parallax page
Content to be displayed shown according to the corresponding animation effect of parameter configured for the parallax page.
8. the method according to the description of claim 7 is characterized in that the method also includes:
According to the quantity of the parallax container of each parallax page, the corresponding navigation key of each parallax page, institute are shown in current interface
It states parallax page of the navigation key for showing the current interface and view corresponding with the navigation key is jumped to by current parallax page
Poor page.
9. a kind of display device of parallax webpage, which is characterized in that described device includes:
Operation module, the operation of the display parallax page for responding user, determines the corresponding parallax page of the operation；
First execution module is obtained for executing the content function of the content to be displayed in the corresponding parallax container of the parallax page
Take the content to be displayed；
Second execution module, for executing in the function by the API of the animation effect of the parallax page configuration function called
Hold, the content to be displayed of the parallax page is shown according to the corresponding animation effect of parameter configured for the parallax page
Show.
10. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the computer program
It executes when being run by processor such as the step in claim 7 or 8 the methods.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811586099.2A CN109669696A (en) | 2018-12-24 | 2018-12-24 | Generation method, display methods and device, the readable storage medium storing program for executing of parallax webpage |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811586099.2A CN109669696A (en) | 2018-12-24 | 2018-12-24 | Generation method, display methods and device, the readable storage medium storing program for executing of parallax webpage |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109669696A true CN109669696A (en) | 2019-04-23 |
Family
ID=66147183
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811586099.2A Pending CN109669696A (en) | 2018-12-24 | 2018-12-24 | Generation method, display methods and device, the readable storage medium storing program for executing of parallax webpage |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109669696A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103235737A (en) * | 2013-04-08 | 2013-08-07 | 厦门市美亚柏科信息股份有限公司 | Frameset-based browser dialog box simulation method |
| US20140317556A1 (en) * | 2013-04-19 | 2014-10-23 | John Jacob Ellenich | Parallax scrolling of multiple information panels in a graphical user interface |
| CN104915373A (en) * | 2015-04-27 | 2015-09-16 | 北京大学深圳研究生院 | Three-dimensional webpage design method and device |
| US20170011541A1 (en) * | 2014-07-10 | 2017-01-12 | Shahar NAOR | Method for creating animated advertisements using parallax scrolling |
-
2018
- 2018-12-24 CN CN201811586099.2A patent/CN109669696A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103235737A (en) * | 2013-04-08 | 2013-08-07 | 厦门市美亚柏科信息股份有限公司 | Frameset-based browser dialog box simulation method |
| US20140317556A1 (en) * | 2013-04-19 | 2014-10-23 | John Jacob Ellenich | Parallax scrolling of multiple information panels in a graphical user interface |
| US20170011541A1 (en) * | 2014-07-10 | 2017-01-12 | Shahar NAOR | Method for creating animated advertisements using parallax scrolling |
| CN104915373A (en) * | 2015-04-27 | 2015-09-16 | 北京大学深圳研究生院 | Three-dimensional webpage design method and device |
Non-Patent Citations (1)
| Title |
|---|
| 魏宇博: "基于视差滚动的网页立体化研究及框架设计", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10984177B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
| CN104933142B (en) | Animated show method and apparatus | |
| US9213460B2 (en) | Visual editing tool buffer region | |
| US9286390B2 (en) | Presentation of rich search results in delineated areas | |
| CA2758307C (en) | Hierarchically-organized control galleries | |
| US20170046317A1 (en) | Method and system for section-based editing of a website page | |
| US20070214136A1 (en) | Data mining diagramming | |
| US10878175B2 (en) | Portlet display on portable computing devices | |
| TWI478043B (en) | Systems and methods for app page template generation, and storage medium thereof | |
| WO2015094779A1 (en) | Touch-based reorganization of page element | |
| CN104462516B (en) | A kind of information cuing method and mobile terminal | |
| CN106484384A (en) | A kind of page animation methods of exhibiting and system | |
| CN106202097B (en) | Picture display method and device | |
| CN109669696A (en) | Generation method, display methods and device, the readable storage medium storing program for executing of parallax webpage | |
| CN111782309B (en) | Method and device for displaying information and computer readable storage medium | |
| CN108446070A (en) | A kind of method and device for browsing information | |
| CN117785199A (en) | Page layout method, device, system and medium for display equipment | |
| CN105786300A (en) | Information processing method and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190423 |
|
| RJ01 | Rejection of invention patent application after publication |