CN104808904A - Dynamic display method and dynamic display device of navigation elements in page - Google Patents
Dynamic display method and dynamic display device of navigation elements in page Download PDFInfo
- Publication number
- CN104808904A CN104808904A CN201510213940.3A CN201510213940A CN104808904A CN 104808904 A CN104808904 A CN 104808904A CN 201510213940 A CN201510213940 A CN 201510213940A CN 104808904 A CN104808904 A CN 104808904A
- Authority
- CN
- China
- Prior art keywords
- navigation elements
- input equipment
- page
- navigation
- trigger event
- 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
Abstract
The invention discloses a dynamic display method and a dynamic display device of navigation elements in a page, wherein the navigation elements are pre-bound with a first trigger event. The dynamic display method comprises the following steps of detecting the position of input equipment in the page; when detecting that the input equipment is shifted into an area that belongs to the navigation elements, then triggering a first trigger event, and adding and running a class that realizes an animation effect to the navigation elements; after running the class that realizes the animation effect, responding to a subsequent operation of the input equipment. According to the dynamic display method and the dynamic display device of the navigation elements in the page provided by the invention, the navigation elements are converted into a dynamic display state from a static display state by means of adding the class that realizes the animation effect to the navigation elements, thus users are attracted to click deeply and the page view is improved.
Description
Technical field
The present invention relates to Internet technical field, be specifically related to the Dynamic Display method and apparatus of navigation elements in a kind of page.
Background technology
Along with the fast development of Internet technology, there is many abundant in content Webpages at present, in the page, be provided with the navigation elements guiding user to browse, but in the prior art, these navigation elements have been many in a static manner as a kind of form of expressing the meaning.User, because do not have other more interested contents, and can be exited page browsing, cause the turnover rate of user higher, the pageview reduction of the page during browsing pages content by mouse on the page.
Summary of the invention
In view of the above problems, propose the present invention in case provide a kind of overcome navigation elements in the problems referred to above or the page that solves the problem at least in part Dynamic Display method and and the corresponding page in the Dynamic Display device of navigation elements.
According to an aspect of the present invention, provide the Dynamic Display method of navigation elements in a kind of page, navigation elements has bound the first trigger event in advance, and the method comprises:
Detect the position of input equipment in the page;
When detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event, add for navigation elements and run the class realizing animation effect;
After the class realizing animation effect is run, the subsequent operation of input equipment is responded.
According to a further aspect in the invention, provide the Dynamic Display device of navigation elements in a kind of page, navigation elements has bound the first trigger event in advance, and this device comprises:
Detection module, is suitable for detecting the position of input equipment in the page;
Trigger module, is suitable for, when detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event;
Run module, be suitable for, after triggering first trigger event, adding for navigation elements and running the class realizing animation effect;
Respond module, is suitable for, after the class realizing animation effect is run, responding the subsequent operation of input equipment.
According to scheme provided by the invention, by detecting the position of input equipment in the page, when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, add for navigation elements and run the class realizing animation effect, after the class realizing animation effect is run, the subsequent operation of input equipment is responded.The present invention, by adding for navigation elements the class realizing animation effect, makes navigation elements be converted to Dynamic Display by static display, attracts user to carry out deep layer click, improves page browsing amount.
Above-mentioned explanation is only the general introduction of technical solution of the present invention, in order to technological means of the present invention can be better understood, and can be implemented according to the content of instructions, and can become apparent, below especially exemplified by the specific embodiment of the present invention to allow above and other objects of the present invention, feature and advantage.
Accompanying drawing explanation
By reading hereafter detailed description of the preferred embodiment, various other advantage and benefit will become cheer and bright for those of ordinary skill in the art.Accompanying drawing only for illustrating the object of preferred implementation, and does not think limitation of the present invention.And in whole accompanying drawing, represent identical parts by identical reference symbol.In the accompanying drawings:
Fig. 1 shows the process flow diagram of the Dynamic Display method of navigation elements in the page according to an embodiment of the invention;
Fig. 2 shows the process flow diagram of the Dynamic Display method of navigation elements in the page in accordance with another embodiment of the present invention;
Fig. 3 shows the process flow diagram of the Dynamic Display method of navigation elements in the page in accordance with another embodiment of the present invention;
Fig. 4 shows the structured flowchart of the Dynamic Display device of navigation elements in the page according to an embodiment of the invention;
Fig. 5 shows the structured flowchart of the Dynamic Display device of navigation elements in the page in accordance with another embodiment of the present invention.
Embodiment
Below with reference to accompanying drawings exemplary embodiment of the present disclosure is described in more detail.Although show exemplary embodiment of the present disclosure in accompanying drawing, however should be appreciated that can realize the disclosure in a variety of manners and not should limit by the embodiment set forth here.On the contrary, provide these embodiments to be in order to more thoroughly the disclosure can be understood, and complete for the scope of the present disclosure can be conveyed to those skilled in the art.
Fig. 1 shows the process flow diagram of the Dynamic Display method of navigation elements in the page according to an embodiment of the invention.Wherein, navigation elements has bound the first trigger event and the second trigger event in advance.As shown in Figure 1, the method comprises the following steps:
Step S100, detects the position of input equipment in the page.
Alternatively, input equipment can be mouse.User, when browsing pages content, can move to by sliding mouse the concrete content of pages position that user wants to browse.By detecting the position of mouse in the page in real time, detect the region whether mouse is arranged in navigation elements.
Step S110, when detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event, adds and run the class realizing animation effect for navigation elements.
Particularly, navigation elements is mainly used in guiding user's browsing pages content.First trigger event is mouseover event, when mouse pointer immigration belongs to the region of navigation elements, trigger mouseover event, add for navigation elements and run the class realizing animation effect, mainly in scripted code, add a function, and by this function and mouseover event binding, when there is mouseover event, just run this function.
Step S120, after the class realizing animation effect is run, responds the subsequent operation of input equipment.
After the class operation of animation effect in step s 110, user generally can carry out two kinds of operations: the first, clicks navigation elements and browses more multi-page content; The second, mouse leaves navigation elements, browsing pages other guide.Action according to user operation input equipment responds accordingly.
According to the method that the above embodiment of the present invention provides, by detecting the position of input equipment in the page, when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, add for navigation elements and run the class realizing animation effect, after the class realizing animation effect is run, the subsequent operation of input equipment is responded.The present invention, by adding for navigation elements the class realizing animation effect, makes navigation elements be converted to Dynamic Display by static display, attracts user to carry out deep layer click, improves page browsing amount.
Fig. 2 shows the process flow diagram of the Dynamic Display method of navigation elements in the page in accordance with another embodiment of the present invention.Wherein, navigation elements has bound the first trigger event in advance.The present embodiment is when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, add for navigation elements and run the class realizing animation effect, and add designator in the adjacent position of navigation elements, and after the class realizing animation effect is run, after the click event of input equipment in the region belonging to navigation elements being detected, load the linked contents showing navigation elements with new Shipping Options Page.As shown in Figure 2, the method comprises the following steps:
Step S200, detects the position of input equipment in the page.
Alternatively, input equipment can be mouse.Mouse, when browsing pages content, can be moved to the concrete content of pages position that user wants to browse by user, in this step, by detecting the position of mouse in the page in real time, detects the region whether mouse is arranged in navigation elements.
Step S210, when detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event, adds and run the class realizing animation effect for navigation elements.
Particularly, navigation elements is mainly used in guiding user's browsing pages content.First trigger event is mouseover event, when mouse pointer immigration belongs to the region of navigation elements, trigger mouseover event, add for navigation elements and run the class realizing animation effect, can be such as animation spring class, mainly in scripted code, add a function, and by this function and mouseover event binding, when there is mouseover event, just run this function.
Step S220, adds designator in the adjacent position of navigation elements.
Wherein, designator bit is in the region belonging to navigation elements.Designator is used to indicate the current residing navigation elements of mouse, and comprise multiple link under this navigation elements of indicating user, be highlighted current navigation elements, it takes full advantage of the internet behavior custom of user, guide user to click navigation elements, increase page browsing amount.Such as, can add "+" or " ▼ " in the adjacent position of navigation elements.
By completing the animation pop effect of navigation elements with under type: the animation duration of setting navigation element, when animation starts, navigation elements offsets first threshold to the right relative to primary importance, at the end of animation, navigation elements revert to primary importance, wherein, primary importance is the position residing when navigation elements is static when not moving in the region of navigation elements of mouse.Particularly, the animation duration of setting navigation element is 500ms, and when animation starts, navigation elements offsets 100px to the right relative to primary importance, and at the end of animation, navigation elements revert to primary importance.
In order to make animation effect more natural, the process of some resiliences is had in animation process, when navigation elements animation regressive sdvance is to Second Threshold, setting navigation element moves to and exceedes threshold value place, precalculated position the 3rd, and at the end of animation, navigation elements revert to primary importance.Particularly, navigation elements animation regressive sdvance to 90% time, setting navigation element moves to and exceedes precalculated position 5px, and then at the end of animation, navigation elements revert to primary importance.By following codes implement:
In addition, the navigation elements in the application can also change its shape, movement velocity etc. according to the track of mouse movement, speed, acceleration etc., thus attracts the attention of user.
Step S230, detects the click event of input equipment in the region belonging to navigation elements.
Wherein, the click event in the region belonging to navigation elements comprises the click event to navigation elements and the click event to designator.
Navigation elements is only an overview of content of pages, and user needs to click navigation elements or designator just can obtain more multi-page content, can by clicking navigation elements or the indicator link content of pages to its correspondence.Navigation elements or designator in whether user belongs to navigation elements region by left mouse button click is mainly detected in this step.
Step S240, loads the linked contents showing navigation elements with new Shipping Options Page.
After detecting that left mouse button clicks the event of navigation elements or designator, by Shipping Options Page new for loading one, in this Shipping Options Page, show the linked contents of this navigation elements.
Be not limited in the application load with new Shipping Options Page the linked contents showing navigation elements, can also be shown by floating layer, concrete embodiment be as follows:
Add floating layer, in floating layer, load the linked contents showing navigation elements.Show the linked contents of navigation elements with floating layer form, when decreasing number of times and the page link redirect of page link redirect, load the stand-by period.
According to the method that the above embodiment of the present invention provides, by detecting the position of input equipment in the page, when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, adding for navigation elements and run the class realizing animation effect, by adding for navigation elements the class realizing animation effect, making navigation elements be converted to Dynamic Display by static display, attract user to carry out deep layer click, improve page browsing amount; Add designator in the adjacent position of navigation elements, be highlighted current navigation elements, it takes full advantage of the internet behavior custom of user, guides user to click navigation elements; Show the linked contents of navigation elements with floating layer form, when decreasing number of times and the page link redirect of page link redirect, load the stand-by period.
Fig. 3 shows the process flow diagram of the Dynamic Display method of navigation elements in the page in accordance with another embodiment of the present invention.Wherein, navigation elements has bound the first trigger event and the second trigger event in advance.The present embodiment is when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, add for navigation elements and run the class realizing animation effect, and add designator in the adjacent position of navigation elements, when detecting that input equipment shifts out the region belonging to navigation elements, trigger the second trigger event, remove the class realizing animation effect for navigation elements adds.As shown in Figure 3, the method comprises the following steps:
Step S300, detects the position of input equipment in the page.
Step S310, when detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event, adds and run the class realizing animation effect for navigation elements.
Step S320, adds designator in the adjacent position of navigation elements.
Step S300-step S320 in embodiment illustrated in fig. 3 and embodiment illustrated in fig. 2 in step S200-step S220 similar, do not repeat them here.
Step S330, when detecting that input equipment shifts out the region belonging to navigation elements, triggers the second trigger event, removes the class realizing animation effect for navigation elements adds.
Particularly, second trigger event is mouseout event, when mouse pointer shifts out the region belonging to navigation elements, trigger mouseout event, remove the class realizing animation effect for navigation elements adds, mainly in scripted code, add a function, and by this function and mouseout event binding, when there is mouseout event, just run this function.
Particularly, be that navigation elements adds and runs the class that realizes animation effect and remove the class realizing animation effect for navigation elements adds by following codes implement:
According to the method that the above embodiment of the present invention provides, by detecting the position of input equipment in the page, when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, add for navigation elements and run the class realizing animation effect, when detecting that input equipment shifts out the region belonging to navigation elements, triggering the second trigger event, removing the class realizing animation effect for navigation elements adds.The present invention, by adding for navigation elements the class realizing animation effect, makes navigation elements be converted to Dynamic Display by static display and is being converted to static display, attracts user to carry out deep layer click, improves page browsing amount; Add designator in the adjacent position of navigation elements, be highlighted current navigation elements, it takes full advantage of the internet behavior custom of user, guides user to click navigation elements.
Fig. 4 shows the structured flowchart of the Dynamic Display device of navigation elements in the page according to an embodiment of the invention.Wherein, navigation elements has bound the first trigger event in advance.As shown in Figure 4, this device comprises: detection module 400, trigger module 410, operation module 420, respond module 430.
Detection module 400, is suitable for detecting the position of input equipment in the page.
Trigger module 410, is suitable for, when detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event.
Run module 420, be suitable for, after triggering first trigger event, adding for navigation elements and running the class realizing animation effect.
Respond module 430, is suitable for, after the class realizing animation effect is run, responding the subsequent operation of input equipment.
According to the device that the above embodiment of the present invention provides, by detecting the position of input equipment in the page, when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, add for navigation elements and run the class realizing animation effect, after the class realizing animation effect is run, the subsequent operation of input equipment is responded.The present invention, by adding for navigation elements the class realizing animation effect, makes navigation elements be converted to Dynamic Display by static display, attracts user to carry out deep layer click, improves page browsing amount.
Fig. 5 shows the structured flowchart of the Dynamic Display device of navigation elements in the page in accordance with another embodiment of the present invention.Wherein, navigation elements has bound the first trigger event in advance.As shown in Figure 5, this device comprises: detection module 500, trigger module 510, operation module 520, respond module 530.
Detection module 500, is suitable for detecting the position of input equipment in the page.
Trigger module 510, is suitable for, when detecting that input equipment immigration belongs to the region of navigation elements, triggering the first trigger event.
Run module 520, be suitable for, after triggering first trigger event, adding for navigation elements and running the class realizing animation effect.
Respond module 530, is suitable for, after the class realizing animation effect is run, responding the subsequent operation of input equipment.
Navigation elements also binding in advance has the second trigger event, and trigger module 510 is further adapted for: when detecting that input equipment shifts out the region belonging to navigation elements, triggers the second trigger event.
Respond module 530 is further adapted for: after triggering second trigger event, removes the class realizing animation effect for navigation elements adds.
Run module 520 to be further adapted for: add designator in the adjacent position of navigation elements, designator bit is in the region belonging to navigation elements.
Detection module 500 is further adapted for: detect the click event of input equipment in the region belonging to navigation elements, the click event in the region belonging to navigation elements comprises the click event to navigation elements and the click event to designator.
Respond module 530, is further adapted for and loads with new Shipping Options Page the linked contents showing navigation elements.
Detection module 500 is further adapted for: detect the click event of input equipment in the region belonging to navigation elements, the click event in the region belonging to navigation elements comprises the click event to navigation elements and the click event to designator.
Respond module 530, is further adapted for and adds floating layer, load the linked contents showing navigation elements in floating layer.
Run module 520 to be further adapted for: the animation duration of setting navigation element, when animation starts, navigation elements offsets first threshold to the right relative to primary importance, and at the end of animation, navigation elements revert to primary importance.
Run module 520 to be further adapted for: when navigation elements animation regressive sdvance is to Second Threshold, setting navigation element moves to and exceedes threshold value place, precalculated position the 3rd, and at the end of animation, navigation elements revert to primary importance.
According to the device that the above embodiment of the present invention provides, by detecting the position of input equipment in the page, when detecting that input equipment immigration belongs to the region of navigation elements, trigger the first trigger event, adding for navigation elements and run the class realizing animation effect, by adding for navigation elements the class realizing animation effect, making navigation elements be converted to Dynamic Display by static display, attract user to carry out deep layer click, improve page browsing amount; Add designator in the adjacent position of navigation elements, be highlighted current navigation elements, it takes full advantage of the internet behavior custom of user, guides user to click navigation elements; The linked contents of navigation elements is shown with floating layer form, the stand-by period is loaded when decreasing number of times and the page link redirect of page link redirect, remove the class realizing animation effect for navigation elements adds, navigation elements is converted to static display again, strengthens user interest.
Intrinsic not relevant to any certain computer, virtual system or miscellaneous equipment with display at this algorithm provided.Various general-purpose system also can with use based on together with this teaching.According to description above, the structure constructed required by this type systematic is apparent.In addition, the present invention is not also for any certain programmed language.It should be understood that and various programming language can be utilized to realize content of the present invention described here, and the description done language-specific is above to disclose preferred forms of the present invention.
In instructions provided herein, describe a large amount of detail.But can understand, embodiments of the invention can be put into practice when not having these details.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
Similarly, be to be understood that, in order to simplify the disclosure and to help to understand in each inventive aspect one or more, in the description above to exemplary embodiment of the present invention, each feature of the present invention is grouped together in single embodiment, figure or the description to it sometimes.But, the method for the disclosure should be construed to the following intention of reflection: namely the present invention for required protection requires feature more more than the feature clearly recorded in each claim.Or rather, as claims below reflect, all features of disclosed single embodiment before inventive aspect is to be less than.Therefore, the claims following embodiment are incorporated to this embodiment thus clearly, and wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are appreciated that and adaptively can change the module in the equipment in embodiment and they are arranged in one or more equipment different from this embodiment.Module in embodiment or unit or assembly can be combined into a module or unit or assembly, and multiple submodule or subelement or sub-component can be put them in addition.Except at least some in such feature and/or process or unit be mutually repel except, any combination can be adopted to combine all processes of all features disclosed in this instructions (comprising adjoint claim, summary and accompanying drawing) and so disclosed any method or equipment or unit.Unless expressly stated otherwise, each feature disclosed in this instructions (comprising adjoint claim, summary and accompanying drawing) can by providing identical, alternative features that is equivalent or similar object replaces.
In addition, those skilled in the art can understand, although embodiments more described herein to comprise in other embodiment some included feature instead of further feature, the combination of the feature of different embodiment means and to be within scope of the present invention and to form different embodiments.Such as, in the following claims, the one of any of embodiment required for protection can use with arbitrary array mode.
All parts embodiment of the present invention with hardware implementing, or can realize with the software module run on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that the some or all functions of the some or all parts in the Dynamic Display equipment of navigation elements in the page that microprocessor or digital signal processor (DSP) can be used in practice to realize according to the embodiment of the present invention.The present invention can also be embodied as part or all equipment for performing method as described herein or device program (such as, computer program and computer program).Realizing program of the present invention and can store on a computer-readable medium like this, or the form of one or more signal can be had.Such signal can be downloaded from internet website and obtain, or provides on carrier signal, or provides with any other form.
The present invention will be described instead of limit the invention to it should be noted above-described embodiment, and those skilled in the art can design alternative embodiment when not departing from the scope of claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and does not arrange element in the claims or step.Word "a" or "an" before being positioned at element is not got rid of and be there is multiple such element.The present invention can by means of including the hardware of some different elements and realizing by means of the computing machine of suitably programming.In the unit claim listing some devices, several in these devices can be carry out imbody by same hardware branch.Word first, second and third-class use do not represent any order.Can be title by these word explanations.
The invention discloses: a kind of Dynamic Display method of navigation elements in A1, page, described navigation elements has bound the first trigger event in advance, and described method comprises:
Detect the position of input equipment in the page;
When detecting that the immigration of described input equipment belongs to the region of described navigation elements, triggering described first trigger event, add for described navigation elements and run the class realizing animation effect;
After the described class realizing animation effect is run, the subsequent operation of described input equipment is responded.
A2, method according to A1, wherein, described navigation elements also binding in advance has the second trigger event, and the described subsequent operation to described input equipment responds and comprises further:
When detecting that described input equipment shifts out the region belonging to described navigation elements, triggering described second trigger event, removing the described class realizing animation effect for described navigation elements adds.
A3, method according to A1 or A2, wherein, the class that described operation realizes animation effect comprises further: add designator in the adjacent position of described navigation elements, described designator bit is in the described region belonging to navigation elements.
A4, method according to A3, wherein, the described subsequent operation to described input equipment responds and comprises further:
Detect described input equipment in the described click event belonged in the region of navigation elements, described click event in the region belonging to navigation elements comprises the click event of navigation elements and the click event to described designator;
The linked contents showing described navigation elements is loaded with new Shipping Options Page.
A5, method according to A3, wherein, the described subsequent operation to described input equipment responds and comprises further:
Detect described input equipment in the described click event belonged in the region of navigation elements, described click event in the region belonging to navigation elements comprises the click event of navigation elements and the click event to described designator;
Add floating layer, in described floating layer, load the linked contents showing described navigation elements.
A6, method according to any one of A1-A5, wherein, describedly to comprise for described navigation elements adds and runs the class realizing animation effect further:
The animation duration of setting navigation element, when animation starts, navigation elements offsets first threshold to the right relative to primary importance, and at the end of animation, navigation elements revert to primary importance.
A7, method according to A6, described at the end of animation navigation elements revert to primary importance and comprise further:
When navigation elements animation regressive sdvance is to Second Threshold, setting navigation element moves to and exceedes threshold value place, precalculated position the 3rd, and at the end of animation, navigation elements revert to primary importance.
The invention also discloses: the Dynamic Display device of navigation elements in B8, a kind of page, described navigation elements has bound the first trigger event in advance, and described device comprises:
Detection module, is suitable for detecting the position of input equipment in the page;
Trigger module, is suitable for, when detecting that the immigration of described input equipment belongs to the region of described navigation elements, triggering described first trigger event;
Run module, be suitable for, after described first trigger event of triggering, adding for described navigation elements and running the class realizing animation effect;
Respond module, is suitable for, after the described class realizing animation effect is run, responding the subsequent operation of described input equipment.
B9, device according to B8, wherein, described navigation elements also binding in advance has the second trigger event, and described trigger module is further adapted for: when detecting that described input equipment shifts out the region belonging to described navigation elements, triggers described second trigger event;
Described respond module is further adapted for: after described second trigger event of triggering, remove the described class realizing animation effect for described navigation elements adds.
B10, device according to B8 or B9, wherein, described operation module is further adapted for: add designator in the adjacent position of described navigation elements, described designator bit is in the described region belonging to navigation elements.
B11, device according to B10, wherein, described detection module is further adapted for:
Detect described input equipment in the described click event belonged in the region of navigation elements, described click event in the region belonging to navigation elements comprises the click event of navigation elements and the click event to described designator;
Described respond module is further adapted for: load the linked contents showing described navigation elements with new Shipping Options Page.
B12, device according to B10, wherein, described detection module is further adapted for:
Detect described input equipment in the described click event belonged in the region of navigation elements, described click event in the region belonging to navigation elements comprises the click event of navigation elements and the click event to described designator;
Described respond module is further adapted for: add floating layer, load the linked contents showing described navigation elements in described floating layer.
B13, device according to any one of B8-B12, wherein, described operation module is further adapted for:
The animation duration of setting navigation element, when animation starts, navigation elements offsets first threshold to the right relative to primary importance, and at the end of animation, navigation elements revert to primary importance.
B14, device according to B13, described operation module is further adapted for:
When navigation elements animation regressive sdvance is to Second Threshold, setting navigation element moves to and exceedes threshold value place, precalculated position the 3rd, and at the end of animation, navigation elements revert to primary importance.
Claims (10)
1. the Dynamic Display method of navigation elements in the page, described navigation elements has bound the first trigger event in advance, and described method comprises:
Detect the position of input equipment in the page;
When detecting that the immigration of described input equipment belongs to the region of described navigation elements, triggering described first trigger event, add for described navigation elements and run the class realizing animation effect;
After the described class realizing animation effect is run, the subsequent operation of described input equipment is responded.
2. method according to claim 1, wherein, described navigation elements also binding in advance has the second trigger event, and the described subsequent operation to described input equipment responds and comprises further:
When detecting that described input equipment shifts out the region belonging to described navigation elements, triggering described second trigger event, removing the described class realizing animation effect for described navigation elements adds.
3. method according to claim 1 and 2, wherein, the class that described operation realizes animation effect comprises further: add designator in the adjacent position of described navigation elements, described designator bit is in the described region belonging to navigation elements.
4. method according to claim 3, wherein, the described subsequent operation to described input equipment responds and comprises further:
Detect described input equipment in the described click event belonged in the region of navigation elements, described click event in the region belonging to navigation elements comprises the click event of navigation elements and the click event to described designator;
The linked contents showing described navigation elements is loaded with new Shipping Options Page.
5. method according to claim 3, wherein, the described subsequent operation to described input equipment responds and comprises further:
Detect described input equipment in the described click event belonged in the region of navigation elements, described click event in the region belonging to navigation elements comprises the click event of navigation elements and the click event to described designator;
Add floating layer, in described floating layer, load the linked contents showing described navigation elements.
6. the method according to any one of claim 1-5, wherein, describedly add and run the class realizing animation effect and comprise further for described navigation elements:
The animation duration of setting navigation element, when animation starts, navigation elements offsets first threshold to the right relative to primary importance, and at the end of animation, navigation elements revert to primary importance.
7. method according to claim 6, described at the end of animation navigation elements revert to primary importance and comprise further:
When navigation elements animation regressive sdvance is to Second Threshold, setting navigation element moves to and exceedes threshold value place, precalculated position the 3rd, and at the end of animation, navigation elements revert to primary importance.
8. the Dynamic Display device of navigation elements in the page, described navigation elements has bound the first trigger event in advance, and described device comprises:
Detection module, is suitable for detecting the position of input equipment in the page;
Trigger module, is suitable for, when detecting that the immigration of described input equipment belongs to the region of described navigation elements, triggering described first trigger event;
Run module, be suitable for, after described first trigger event of triggering, adding for described navigation elements and running the class realizing animation effect;
Respond module, is suitable for, after the described class realizing animation effect is run, responding the subsequent operation of described input equipment.
9. device according to claim 8, wherein, described navigation elements also binding in advance has the second trigger event, and described trigger module is further adapted for: when detecting that described input equipment shifts out the region belonging to described navigation elements, triggers described second trigger event;
Described respond module is further adapted for: after described second trigger event of triggering, remove the described class realizing animation effect for described navigation elements adds.
10. device according to claim 8 or claim 9, wherein, described operation module is further adapted for: add designator in the adjacent position of described navigation elements, described designator bit is in the described region belonging to navigation elements.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510213940.3A CN104808904A (en) | 2015-04-29 | 2015-04-29 | Dynamic display method and dynamic display device of navigation elements in page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510213940.3A CN104808904A (en) | 2015-04-29 | 2015-04-29 | Dynamic display method and dynamic display device of navigation elements in page |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104808904A true CN104808904A (en) | 2015-07-29 |
Family
ID=53693777
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510213940.3A Pending CN104808904A (en) | 2015-04-29 | 2015-04-29 | Dynamic display method and dynamic display device of navigation elements in page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104808904A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630912A (en) * | 2015-12-21 | 2016-06-01 | 北京中网易企秀科技有限公司 | Display material production apparatus and method |
| CN107562852A (en) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | A kind of page display method, medium, device and computing device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101004762A (en) * | 2007-01-10 | 2007-07-25 | 张百川 | Network web page system of a dynamic multidimensional Internet |
| CN101910990A (en) * | 2007-12-28 | 2010-12-08 | 微软公司 | Creating and editing dynamic graphics via a web interface |
| CN104182125A (en) * | 2014-08-25 | 2014-12-03 | 腾讯科技（深圳）有限公司 | Method and device for triggering and operating suspension windows |
-
2015
- 2015-04-29 CN CN201510213940.3A patent/CN104808904A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101004762A (en) * | 2007-01-10 | 2007-07-25 | 张百川 | Network web page system of a dynamic multidimensional Internet |
| CN101910990A (en) * | 2007-12-28 | 2010-12-08 | 微软公司 | Creating and editing dynamic graphics via a web interface |
| CN104182125A (en) * | 2014-08-25 | 2014-12-03 | 腾讯科技（深圳）有限公司 | Method and device for triggering and operating suspension windows |
Non-Patent Citations (4)
| Title |
|---|
| DIVCSS5: "DIV+CSS+JS弹出层特效 弹出图片 网页 div浮动层 背景变黑灰色", 《WWW.DIVCSS5.COM/CSS-TEXIAO/TEXIAO608.SHTML》 * |
| HTML5学习交流平台: "CSS3鼠标悬停图片动画 多种文字动画效果", 《WWW.HTML5TRICKS.COM/CSS3-IMAGE-MOUSE-HOVER.HTML》 * |
| SHICHEN2014: "jQuery实现菜单感应鼠标滑动动画效果的方法", 《HTTP://WWW.JB51.NET/ARTICLE/61542.HTM》 * |
| WS_HGO: "Jquery页面导航（菜单悬停，折叠效果）", 《HTTP://BLOG.CSDN.NET/WS_HGO/ARTICLE/DETAILS/6641313》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630912A (en) * | 2015-12-21 | 2016-06-01 | 北京中网易企秀科技有限公司 | Display material production apparatus and method |
| CN107562852A (en) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | A kind of page display method, medium, device and computing device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105095378A (en) | Method and device for loading web page pop-up comments | |
| CN104331474A (en) | Page processing method and device | |
| CN102368245A (en) | Determination and display of relevant websites | |
| CN104866534A (en) | Page demonstration method and device | |
| CN104965881A (en) | Method and device for extracting selected area from page | |
| EP3051428B1 (en) | Method and system for selecting an encoding format for reading a target document | |
| CN104636434A (en) | Search result processing method and device | |
| CN105550187A (en) | Method and device for managing browsing history in single page application | |
| CN102902815A (en) | Result showing system for search engine | |
| CN104268185A (en) | Method and device for searching application on application distribution platform | |
| CN104063484A (en) | Webpage presenting method and device and electronic device | |
| JP6420469B2 (en) | Reorganization and presentation of data fields with incorrect inputs | |
| CN104571813A (en) | Information displaying method and device | |
| CN105260433A (en) | Webpage content collecting method and electronic device | |
| CN103678509A (en) | Method and device for generating webpage template | |
| CN104391914A (en) | Weather information dynamic interaction method, apparatus, server and system | |
| CN105574143A (en) | Method and system for recommending content to user | |
| CN102981853B (en) | A kind of Text Entry by webpage submits long article method and apparatus originally to | |
| US20130268810A1 (en) | Detection of Dead Widgets in Software Applications | |
| CN104777960A (en) | Method and device for realizing composite object marquee capable of being triggered segmentally | |
| CN104808904A (en) | Dynamic display method and dynamic display device of navigation elements in page | |
| CN105279245A (en) | Method for collecting contents on webpage and electronic device | |
| CN103678510A (en) | Method and device for providing visualized label for webpage | |
| CN102902784A (en) | Web page classification storage system and method | |
| CN105242848A (en) | Method for translating texts on web page and electronic device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| EXSB | Decision made by sipo to initiate substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150729 |
|
| RJ01 | Rejection of invention patent application after publication |