Page jumping method and device, electronic equipment, medium and product

Abstract

The embodiment of the invention discloses a page skipping method and device, electronic equipment, a storage medium and a product, and the method comprises the steps: obtaining the display position information of a page skipping reference image in an image-text detail page and an associated page when a page skipping instruction for performing page skipping between the image-text detail page and the associated page is obtained; according to the page jump direction and the display position information, creating a region mask for a page region adjacent to the page jump reference image in the image-text detail page; and determining a target page jump animation of the page jump reference image and the region mask based on the display position information, and realizing page jump between the image-text detail page and the associated page according to the target page jump animation. According to the scheme provided by the embodiment of the invention, a relatively good page smooth transition effect can be realized aiming at the image-text detail pages of different styles in the page jump between each associated page and the image-text detail page.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of computer technology, and in particular to a page jump method, device, electronic device, medium, and product. Background Art

[0002] When using some applications, in order to make the page jump appear smoother and more natural, page transition effects, such as transition animations, are usually added during the page jump process to make the transition between different pages more natural.

[0003] However, in the course of practical application, it was found that when jumping from the thumbnail information list page or the full-screen graphic introduction page to the graphic details page, the page jump transition effect is better when the picture in the graphic details page is at the top or bottom of the page, but the page jump animation effect is not good when the picture in the graphic details page is in the middle of the page. Summary of the invention

[0004] The present disclosure provides a page jump method, device, electronic device, medium and product, which can achieve good page jump transition effect for different styles of picture and text detail pages when performing page jump between the picture and text detail page and the associated pages associated therewith, and can realize smooth page transition.

[0005] In a first aspect, an embodiment of the present disclosure provides a page jump method, the method comprising:

[0006] When a page jump instruction for jumping between the picture and text details page and the associated page is obtained, display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively;

[0007] Creating a region mask for a page region adjacent to the page jump reference image in the image and text details page according to the page jump direction between the image and text details page and the associated page and the display position information;

[0008] The page jump reference image and the target page jump animation of the area mask are determined based on the display position information, and the page jump between the graphic details page and the associated page is implemented according to the target page jump animation.

[0009] In a second aspect, an embodiment of the present disclosure further provides a page jump device, the device comprising:

[0010] A jump reference image information acquisition module, for acquiring, when a page jump instruction for page jump between a picture and text detail page and an associated page is acquired, display position information of the page jump reference image in the picture and text detail page and the associated page respectively;

[0011] A mask creation module, configured to create a regional mask for a page area adjacent to the page jump reference image in the graphic details page according to the page jump direction between the graphic details page and the associated page and the display position information;

[0012] A page jump animation determination and jump module is used to determine the page jump reference image and the target page jump animation of the area mask based on the display position information, and realize the page jump between the graphic details page and the associated page according to the target page jump animation.

[0013] In a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising:

[0014] one or more processors;

[0015] a storage device for storing one or more programs,

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the page jump method as described in any one of the embodiments of the present disclosure.

[0017] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer executable instructions, wherein the computer executable instructions, when executed by a computer processor, are used to execute a page jump method as described in any one of the embodiments of the present disclosure.

[0018] In a fifth aspect, an embodiment of the present disclosure further provides a computer program product, including a computer program, which, when executed by a processor, implements a page jump method as described in any one of the embodiments of the present invention.

[0019] The disclosed embodiment, when obtaining a page jump instruction for page jump between a picture and text detail page and an associated page, obtains the display position information of the page jump reference image in the picture and text detail page and the associated page respectively; creates a region mask for the page area adjacent to the page jump reference image in the picture and text detail page according to the page jump direction and display position information between the picture and text detail page and the associated page; determines the target page jump animation of the page jump reference image and the region mask based on the display position information, and realizes the page jump between the picture and text detail page and the associated page according to the target page jump animation. The technical solution of the disclosed embodiment solves the problem that the existing page jump scheme between the associated page and the picture and text detail page is not applicable to the picture and text detail page where the image is not at the top of the picture and text detail page and has certain limitations. In the page jump between each associated page and the picture and text detail page, the transition animation processing can be performed for the image and non-image area in the picture and text detail page respectively, so as to realize that the page jump between the associated page and the picture and text detail page of different styles has a good page jump transition effect, and the jump into or out of the picture and text detail page can realize a smooth transition. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0021] Figure 1 This is a flow chart of a page jump method provided by an embodiment of the present disclosure;

[0022] Figure 2 This is a flow chart of a page jump method provided by an embodiment of the present disclosure;

[0023] Figure 3 This is a schematic diagram of a process of jumping from an associated page to a graphic details page provided by an embodiment of the present disclosure;

[0024] Figure 4 It is a schematic diagram of a schematic page jump method flow provided by an embodiment of the present disclosure;

[0025] Figure 5 This is a schematic diagram of a process of jumping from a picture and text detail page to a related page provided by an embodiment of the present disclosure;

[0026] Figure 6 It is a structural schematic diagram of a page jump device provided by an embodiment of the present disclosure;

[0027] Figure 7 It is a structural schematic diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0028] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0029] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0030] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0031] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0032] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0033] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0034] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

[0035] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0036] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0037] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and relevant provisions.

[0038] Figure 1 A flow chart of a page jump method provided in an embodiment of the present disclosure is provided. The embodiment of the present disclosure is applicable to the scenario of page jump, especially the situation of jumping between a picture and text detail page and an associated page. The method can be executed by a page jump device, which can be implemented in the form of software and / or hardware, and optionally, by an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0039] like Figure 1 As shown, the page jump method includes:

[0040] S110 . When a page jump instruction for jumping between a picture and text detail page and an associated page is obtained, display position information of a page jump reference image in the picture and text detail page and the associated page is obtained respectively.

[0041] Among them, the picture and text details page and the associated page can be pages associated with the content that are linked between the two in any application. The picture and text details page can be a page that introduces the detailed content of an object in the form of images and text. The associated page can correspond to the thumbnail / preview information page of multiple different objects including the object introduced in the picture and text details page, jump to the previous level page of the picture and text details page, or jump to the target page of the picture and text details page. The direction of the page jump can be from the associated page to the picture and text details page, or it can return from the picture and text details page to the associated page.

[0042] It can be understood that the page jump instruction obtained for page jump between the image and text details page and the associated page can be an instruction to jump from the associated page to the image and text details page, or it can be an instruction to jump from the image and text details page to the associated page. The technical solution of this embodiment is applicable to both situations. Among them, the jump direction corresponding to the page jump instruction can be determined according to the corresponding display page when the page jump instruction is obtained. For example, when a page jump instruction is obtained on the associated page, it is an instruction to jump from the associated page to the image and text details page. When the page jump instruction is obtained on the jump start page, the jump target page will be pre-loaded before the jump target page is displayed, and the corresponding transition animation during the page jump process will be generated based on the solution of this embodiment.

[0043] Usually, in the picture and text details page, the image is displayed at the top of the page. Therefore, when jumping from the associated page to the picture and text details page, the page jump reference image is directly moved to the top of the picture and text details page, and the text content follows the page jump reference image to achieve the page jump. Obviously, the conventional page jump method is not applicable to the situation where the page jump reference image is displayed in the middle of the picture and text details page. If the page jump reference image is moved to the top, the content corresponding to the area above the page jump reference image cannot be displayed.

[0044] In the present embodiment, the graphic details page is divided into different content areas based on the page jump reference image, and the page jump process is processed in different areas. Among them, the page jump reference image is the image displayed on the jump start page in the graphic details page and the associated page when the page jump instruction is obtained. The jump page reference image is called a reference image because the same image needs to be displayed on the jump target page, that is, the jump target page and the jump start page in the page jump need to display or play the same content, such as the jump page reference image. In a feasible implementation, after obtaining the page jump instruction, the display position information of the page jump reference image in the graphic details page and the associated page can be obtained respectively, so as to generate different page jump transition animations for the content of different areas in the graphic details page and the associated page according to the display position information of the page jump reference image. The acquisition of the display position information can realize the reading of the relevant position information by calling some functions or application interfaces with parameter reading functions.

[0045] S120: creating a region mask for a page region adjacent to the page jump reference image in the image and text detail page according to the page jump direction between the image and text detail page and the associated page and the display position information.

[0046] Among them, the page jump direction between the picture and text details page and the associated page can be determined when the page jump instruction is obtained. When the page jump direction is from the associated page to the picture and text details page, that is, the content in the picture and text details page needs to be displayed. When the page jump direction is the opposite, from the picture and text details page to the associated page, the content of the picture and text details page is covered and no longer displayed. Therefore, in the process of masking the picture and text details page, different page jump directions correspond to different area mask creation schemes.

[0047] Among them, the position information of the display position information of the page jump reference image can determine the size and position of the location area where the regional mask needs to be created. The location where the regional mask needs to be created can be the non-image area above and below the page jump reference image in the graphic details page. When the number of page jump reference images is one, the location for creating the regional mask includes two areas; when the number of page jump reference images is greater than one, a corresponding number of regional masks can be created according to the number of page areas separated by each page jump reference image in the graphic details page. The page jump direction can determine whether each area in the graphic details page is displayed or hidden, and determines the starting parameters of each area mask in the transition animation during the page jump process. For example, when each area in the graphic details page is displayed, the regional mask needs to be gradually shrunk to display the obscured content. When each area in the graphic details page is obscured and hidden, the regional mask needs to be gradually expanded to gradually cover the displayed content.

[0048] S130: Determine the page jump reference image and the target page jump animation of the area mask based on the display position information, and implement page jump between the graphic details page and the associated page according to the target page jump animation.

[0049] In this embodiment, the page jump effect can be an opening and closing page jump effect, and the final target page jump animation is an animation effect of superimposing the jump animation corresponding to the page jump reference image and the jump animation corresponding to the area mask.

[0050] Among them, the display position information includes two display position information of the page jump reference image in the jump start page and the jump target page. The jump animation of the page jump reference image can be moved from its corresponding display position in the jump start page to the corresponding display position in the jump target page. Correspondingly, the jump animation corresponding to the area mask can be an animation process of stretching or shrinking from the area determined based on the display position. The jump animation corresponding to the page jump reference image and the jump animation corresponding to the area mask are played simultaneously, which realizes a smooth page jump effect between the graphic details page and the associated page.

[0051] The technical solution of the disclosed embodiment is to obtain the display position information of the page jump reference image in the image and text detail page and the associated page respectively when the page jump instruction for page jump between the image and text detail page and the associated page is obtained; according to the page jump direction and display position information between the image and text detail page and the associated page, create a region mask for the page area adjacent to the page jump reference image in the image and text detail page; determine the target page jump animation of the page jump reference image and the region mask based on the display position information, and realize the page jump between the image and text detail page and the associated page according to the target page jump animation. The technical solution of the disclosed embodiment solves the problem that the existing page jump scheme between the associated page and the image and text detail page is not applicable to the image in the image and text detail page that is not at the top of the image and text detail page and has certain limitations. In the page jump between each associated page and the image and text detail page, the transition animation processing can be performed for the image and non-image area in the image and text detail page respectively, so as to realize that the page jump between the associated page and the image and text detail page of different styles has a good page jump transition effect, and the jump into or out of the image and text detail page can achieve a smooth transition.

[0052] Figure 2 This is a flow chart of another page jump method provided by an embodiment of the present disclosure. On the basis of the above embodiment, in the process of implementing the page jump method flow, the process of jumping from the associated page of the picture and text detail page to the picture and text detail page is further explained. The method can be executed by a page jump device, which can be implemented in the form of software and / or hardware, and optionally, by an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0053] like Figure 2 As shown, the page jump method includes:

[0054] S210: When a page jump instruction for jumping to the picture and text details page is obtained on the associated page, display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively.

[0055] In this embodiment, after the page jump instruction is given, it can be determined that the page that obtains the page jump instruction is the jump start page, and the image and text details page that has a link relationship (association relationship) with the jump start page is the jump target page. Among them, the jump start page is also the associated page of the jump target page. Before realizing the page jump, it is necessary to preload the jump target page. There may be multiple pictures in the preloaded jump target page, and there is a preset playback logic between each picture. In order to ensure that the playback progress of the picture after the page jump is synchronized with that before the jump, the current display image of the jump start page is determined to be the page jump reference image. Then, the display position information of the page jump reference image in the image and text details page and the associated page is obtained respectively, so as to perform subsequent page jump animation processing based on the obtained display position information.

[0056] Specifically, when a page jump instruction is obtained on the jump start page, if the user clicks on an information object in the information column, the graphic details page of the information object will be confirmed as the jump target page, and then the jump target page will be pre-loaded before the jump target page is displayed, and the corresponding transition animation during the page jump process will be generated based on the solution of this embodiment.

[0057] S220. In the graphic details page, create area masks for the page areas adjacent to the upper edge and lower edge of the page jump reference image, respectively, and the starting heights of the area masks are the distances between the top edge and the bottom edge of the graphic details page and the upper edge and the lower edge of the page jump reference image, respectively.

[0058] Among them, the upper edge and the lower edge of the page jump reference image are positions that can be determined based on its display position information. When the page jump reference image is in the middle position other than the top of the image and text details page, the image and text details page can be divided into three areas, namely, the page jump reference image, the non-image area above the page jump reference image, and the non-image area below the page jump reference image.

[0059] For example, please refer to Figure 3 The start page and target page shown in . On the start page, you can switch to different function pages by sliding left / right in the display interface. Furthermore, on any function page, if the user clicks on an information object, the page jump can be triggered to jump to the graphic details page (jump target page) corresponding to the information object clicked.

[0060] Further, in Figure 3The starting page and target page shown in the figure, the starting image and target image are the images displayed at the corresponding positions of the starting page and target page respectively as the page jump reference images. In the target page, the area connected to the upper and lower edges of the target image can be determined according to the position information of the target image, and corresponding area masks, such as area mask A and area mask B, can be created. The height of area mask A is the distance between the top edge of the graphic details page and the upper edge of the target image, and the height of area mask B is the distance between the lower edge of the graphic details page and the lower edge of the target image. Two area masks, one to cover the top of the target image and the other to cover the bottom of the target image, so that the visible area in the target page is only the target image.

[0061] S230, moving the page jump reference image from the first display position in the associated page to the second display position in the picture and text details page as a first target page jump animation; and shrinking the edge of the area mask adjacent to the page jump reference image in a direction away from the page jump reference image until the height of the area mask is zero, as a second target page jump animation.

[0062] In this step, two target jump animations are determined, and the goal is to smoothly transition the user's sight from the position of the starting image to the position of the target image.

[0063] S240: Using the page jump reference image as an alignment reference, overlay the graphic details page with the regional mask on the associated page and align them.

[0064] In this step, the target image with the added area mask is overlaid on the start image, and the target image and the start image are overlapped, so that the user cannot perceive the existence of the target page. After the target image and the start image are aligned, the geometric positions of the target image and the start image are both the positions of the start image, and the start page does not change for the user.

[0065] S250: Play the first target page jump animation and the second target page jump animation simultaneously to achieve a jump from the associated page to the graphic details page.

[0066] Two animations are started at the same time. One is that the position of the target image in the target page covering the start page is the position of the start image, and it needs to be moved to the original position through displacement animation. The animation method can be translation along the Y axis of the screen. The other animation is that while the target image is moving, the mask height of area mask A and area mask B needs to change at the same time. The two area masks need to shrink along the sides of the screen. This process will gradually reveal more content on the target page, while covering the start page underneath. This can bring an effect of unfolding and revealing the target page.

[0067] After the animation is completed, the target page is fully displayed and the start page disappears completely, which means that the transition between pages is completed.

[0068] The technical solution of the disclosed embodiment is as follows: when a page jump instruction for page jump to a picture and text details page is obtained on an associated page, the display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively; in the picture and text details page, a regional mask is created for the page area adjacent to the upper edge and the lower edge of the page jump reference image respectively, and the starting height of the regional mask is the distance between the upper edge and the lower edge of the picture and text details page corresponding to the top edge and the bottom edge of the page jump reference image respectively; the page jump reference image is displayed on the associated page by The first display position in the image and text details page is moved to the second display position of the image and text details page as the first target page jump animation; and the edge of the area mask adjacent to the page jump reference image is shrunk in the direction away from the page jump reference image until the height of the area mask is zero as the second target page jump animation, and then the image and text details page superimposed with the area mask is covered on the associated page and aligned with the page jump reference image as the alignment reference benchmark, and the first target page jump animation and the second target page jump animation are played at the same time to achieve the jump from the associated page to the image and text details page. The technical solution of the disclosed embodiment solves the problem that the existing page jump scheme between the associated page and the image and text details page is not suitable for the image in the image and text details page that is not at the top of the image and text details page and has certain limitations. In the page jump between each associated page and the image and text details page, the transition animation processing can be performed for the image and non-image area in the image and text details page, so as to achieve a good page jump transition effect for the page jump between the associated page and the image and text details page of different styles, and a smooth transition can be achieved when jumping into or out of the image and text details page.

[0069] Figure 4 This is a flow chart of another page jump method provided by an embodiment of the present disclosure. On the basis of the above embodiment, in the process of implementing the page jump method flow, the process of jumping from the picture and text details page to the associated page is further explained. The method can be executed by a page jump device, which can be implemented in the form of software and / or hardware, and optionally, by an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0070] like Figure 4 As shown, the page jump method includes:

[0071] S310: When a page jump instruction for jumping to an associated page is obtained on the picture and text detail page, display position information of the page jump reference image in the picture and text detail page and the associated page is obtained respectively.

[0072] In this embodiment, the page jump from the picture and text details page to the associated page can be from the picture and text details page back to the associated page, such as the user clicks the return operation (page jump instruction) on the picture and text details page, and returns to the previous page of the picture and text details page. Figure 5 The specific jump process shown in the figure. It should be noted here that Figure 5 The target page in the above is the picture and text details page, and is the jump target page for this page jump. Figure 5 The starting page is the associated page before entering the picture and text details page, not the jump starting page of this page jump process. Figure 5 The page jump process can be understood as Figure 3 The reverse process of the page jump process.

[0073] After obtaining the page jump instruction, it can be determined that the image and text details page is the jump start page, and the associated page that is linked to the image and text details page is the jump target page. There may be multiple pictures in the pre-loaded jump target page, and there is a preset playback logic between each picture. In order to ensure that the playback progress of the picture before and after the page jump is synchronized, the current display image of the jump start page is determined as the page jump reference image. Then, the display position information of the page jump reference image in the image and text details page and the associated page is obtained respectively, so as to perform subsequent page jump animation processing based on the obtained display position information.

[0074] Specifically, when a page jump instruction is obtained on the jump start page, such as when the user clicks the control in the return operation on the graphic details page to trigger the page jump, the associated page that has a link relationship with the graphic details page is determined as the jump target page. Then, the jump target page is preloaded before the jump target page is displayed, and the corresponding transition animation during the page jump process is generated based on the solution of this embodiment.

[0075] S320: Create area masks for the page areas adjacent to the upper edge and the lower edge of the page jump reference image in the image and text details page, and the starting heights of the area masks are zero.

[0076] The page switching process is a process where the image and text details page gradually disappears and then gradually appears. Therefore, the starting height of the area mask created in the image and text details page is zero, which means that the image and text details page is not blocked at the beginning. In the subsequent animation process, the height gradually increases to slowly block the area outside the reference image in the image and text details page.

[0077] S330, moving the graphic details page as a whole until the page jump reference image moves to the display position of the associated page as the first target page jump animation; and extending the area mask in the direction of the page jump reference image until it is adjacent to the edge of the page jump reference image as the second target page jump animation.

[0078] S340: Align the entire graphic and text details page with the associated page, and overlay it on the associated page.

[0079] The target page is directly overlaid on the start page, and for the user, the terminal display page still stays on the target page.

[0080] S350: Play the first target page jump animation and the second target page jump animation simultaneously to achieve a jump from the graphic details page to the associated page.

[0081] The two area masks change symmetrically, and their heights increase simultaneously and extend toward the middle of the screen. When the heights of the two area masks extend to the maximum value and are adjacent to the page jump reference image, the target page can be destroyed to complete the page jump process.

[0082] The technical solution of the embodiment of the present disclosure is as follows: when a page jump instruction for jumping to an associated page is obtained on a picture and text detail page, display position information of a page jump reference image in the picture and text detail page and the associated page is obtained respectively; in the picture and text detail page, area masks are created for page areas adjacent to the upper edge and the lower edge of the page jump reference image respectively, and the starting heights of the area masks are zero respectively; the picture and text detail page is moved as a whole until the page jump reference image moves to the display position of the associated page as a first target page jump animation; and the area mask is extended in the direction of the page jump reference image until it is adjacent to the edge of the page jump reference image as a second target page jump animation; the picture and text detail page is aligned as a whole with the associated page and covered on the associated page, and the first target page jump animation and the second target page jump animation are played simultaneously to realize a jump from the picture and text detail page to the associated page. The technical solution of the disclosed embodiment solves the problem that the existing page jump solution between associated pages and graphic details pages is not applicable to the image in the graphic details page that is not at the top of the graphic details page and has certain limitations. In the page jump between each associated page and the graphic details page, transition animation processing can be performed separately for the image and non-image areas in the graphic details page, so that the page jump between the associated page and the graphic details pages of different styles has a better page jump transition effect, and a smooth transition can be achieved when jumping into or exiting the graphic details page.

[0083] Figure 6 A page jump device is provided in an embodiment of the present disclosure. The device is suitable for page jump scenarios, especially for jumping between a picture and text detail page and an associated page. It can be applicable to a picture and text detail page where an image is at any position on the page. The page jump device can be implemented in the form of software and / or hardware and can be configured on an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0084] like Figure 6 As shown, the page jump device includes: a jump reference image information acquisition module 410, a mask creation module 420 and a page jump animation determination and jump module 430.

[0085] Among them, the jump reference image information acquisition module 410 is used to obtain the display position information of the page jump reference image in the image and text details page and the associated page respectively when a page jump instruction for page jump between the image and text details page and the associated page is obtained; the mask creation module 420 is used to create a regional mask for the page area adjacent to the page jump reference image in the image and text details page according to the page jump direction between the image and text details page and the associated page and the display position information; the page jump animation determination and jump module 430 is used to determine the target page jump animation of the page jump reference image and the regional mask based on the display position information, and realize the page jump between the image and text details page and the associated page according to the target page jump animation.

[0086] The technical solution of the disclosed embodiment is to obtain the display position information of the page jump reference image in the image and text detail page and the associated page respectively when the page jump instruction for page jump between the image and text detail page and the associated page is obtained; according to the page jump direction and display position information between the image and text detail page and the associated page, create a region mask for the page area adjacent to the page jump reference image in the image and text detail page; determine the target page jump animation of the page jump reference image and the region mask based on the display position information, and realize the page jump between the image and text detail page and the associated page according to the target page jump animation. The technical solution of the disclosed embodiment solves the problem that the existing page jump scheme between the associated page and the image and text detail page is not applicable to the image in the image and text detail page that is not at the top of the image and text detail page and has certain limitations. In the page jump between each associated page and the image and text detail page, the transition animation processing can be performed for the image and non-image area in the image and text detail page respectively, so as to realize that the page jump between the associated page and the image and text detail page of different styles has a good page jump transition effect, and the jump into or out of the image and text detail page can achieve a smooth transition.

[0087] In an optional implementation manner, the jump reference image information acquisition module 410 is specifically used to:

[0088] Determine the current display image of the jump start page in the graphic details page and the associated page as a page jump reference image;

[0089] The display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively.

[0090] In an optional implementation, the mask creation module 420 is specifically used for:

[0091] When the page jump direction is to jump from the associated page to the graphic details page, a regional mask is created in the graphic details page for the page area adjacent to the upper edge and the lower edge of the page jump reference image, and the starting height of the regional mask is the distance between the top edge and the bottom edge of the graphic details page and the upper edge and the lower edge of the page jump reference image respectively;

[0092] When the page jump direction is from the graphic details page to the associated page, area masks are created in the graphic details page for the page areas adjacent to the upper and lower edges of the page jump reference image, and the starting heights of the area masks are zero.

[0093] In an optional implementation, the page jump animation determination and jump module 430 is specifically used to:

[0094] The page jump reference image is moved from a first display position in the associated page to a second display position in the graphic detail page as a first target page jump animation; and

[0095] The edge of the region mask adjacent to the page jump reference image is contracted in a direction away from the page jump reference image until the height of the region mask is zero as the second target page jump animation.

[0096] In an optional implementation, the page jump animation determination and jump module 430 may also be specifically used for:

[0097] Move the picture and text detail page as a whole until the page jump reference image moves to the display position of the associated page as the first target page jump animation; and,

[0098] The area mask is extended toward the page jump reference image until it is adjacent to the edge of the page jump reference image as a second target page jump animation.

[0099] In an optional implementation, the page jump animation determination and jump module 430 is further used to:

[0100] Using the page jump reference image as an alignment reference, the graphic details page with the regional mask superimposed thereon is overlaid on the associated page and aligned;

[0101] The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the associated page to the graphic details page.

[0102] In an optional implementation, the page jump animation determination and jump module 430 may be further used to:

[0103] Align the entire graphic and text details page with the associated page, and overlay it on the associated page;

[0104] The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the graphic details page to the associated page.

[0105] The page jump device provided in the embodiments of the present disclosure can execute the page jump method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0106] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

[0107] Figure 7 This is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Figure 7 , which shows an electronic device (eg, Figure 7 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 7 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0108] like Figure 7As shown, the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An edit / output (I / O) interface 505 is also connected to the bus 504.

[0109] Typically, the following devices may be connected to the I / O interface 505: an input device 506 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 7 The electronic device 500 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0110] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 509, or installed from a storage device 508, or installed from a ROM 502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0111] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0112] The electronic device provided by the embodiment of the present disclosure and the page jump method provided by the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0113] The embodiment of the present disclosure further provides a computer storage medium on which a computer program is stored. When the program is executed by a processor, the page jump method provided by the above embodiment is implemented.

[0114] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0115] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0116] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0117] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

[0118] When a page jump instruction for jumping between the picture and text details page and the associated page is obtained, display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively;

[0119] Creating a region mask for a page region adjacent to the page jump reference image in the image and text details page according to the page jump direction between the image and text details page and the associated page and the display position information;

[0120] The page jump reference image and the target page jump animation of the area mask are determined based on the display position information, and the page jump between the graphic details page and the associated page is implemented according to the target page jump animation.

[0121] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0122] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0123] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a unit does not limit the unit itself in some cases. For example, the first acquisition unit may also be described as a "unit for acquiring at least two Internet Protocol addresses".

[0124] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0125] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0126] An embodiment of the present disclosure further provides a computer program product, including a computer program, which, when executed by a processor, implements a page jump method as provided in any embodiment of the present disclosure.

[0127] In the process of implementation, the computer program product can be written in one or more programming languages ​​or a combination thereof to perform the computer program code for the disclosed operation, including object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computer (e.g., using an Internet service provider to connect through the Internet).

[0128] According to one or more embodiments of the present disclosure, [Example 1] provides a page jump method, the method comprising:

[0129] When a page jump instruction for jumping between the picture and text details page and the associated page is obtained, display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively;

[0130] Creating a region mask for a page region adjacent to the page jump reference image in the image and text details page according to the page jump direction between the image and text details page and the associated page and the display position information;

[0131] The page jump reference image and the target page jump animation of the area mask are determined based on the display position information, and the page jump between the graphic details page and the associated page is implemented according to the target page jump animation.

[0132] According to one or more embodiments of the present disclosure, [Example 2] provides a page jump method, further comprising:

[0133] In some optional implementations, respectively obtaining display position information of the page jump reference image in the image and text details page and the associated page includes:

[0134] Determine the current display image of the jump start page in the graphic details page and the associated page as a page jump reference image;

[0135] The display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively.

[0136] According to one or more embodiments of the present disclosure, [Example 3] provides a page jump method, including:

[0137] In some optional implementations, according to the page jump direction between the graphic details page and the associated page and the display position information, creating a region mask for a page region adjacent to the page jump reference image in the graphic details page includes:

[0138] When the page jump direction is to jump from the associated page to the graphic details page, a regional mask is created in the graphic details page for the page area adjacent to the upper edge and the lower edge of the page jump reference image, and the starting height of the regional mask is the distance between the top edge and the bottom edge of the graphic details page and the upper edge and the lower edge of the page jump reference image respectively;

[0139] When the page jump direction is from the graphic details page to the associated page, area masks are created in the graphic details page for the page areas adjacent to the upper and lower edges of the page jump reference image, and the starting heights of the area masks are zero.

[0140] According to one or more embodiments of the present disclosure, [Example 4] provides a page jump method, further comprising:

[0141] In some optional implementations, when the page jump direction is to jump from the associated page to the graphic details page, determining the page jump reference image and the target page jump animation of the area mask based on the display position information includes:

[0142] The page jump reference image is moved from a first display position in the associated page to a second display position in the graphic detail page as a first target page jump animation; and

[0143] The edge of the region mask adjacent to the page jump reference image is contracted in a direction away from the page jump reference image until the height of the region mask is zero as the second target page jump animation.

[0144] According to one or more embodiments of the present disclosure, [Example 5] provides a page jump method, further comprising:

[0145] In some optional implementations, when the page jump direction is from the graphic details page to the associated page, determining the page jump reference image and the target page jump animation of the area mask based on the display position information includes:

[0146] Move the picture and text detail page as a whole until the page jump reference image moves to the display position of the associated page as the first target page jump animation; and,

[0147] The area mask is extended toward the page jump reference image until it is adjacent to the edge of the page jump reference image as a second target page jump animation.

[0148] According to one or more embodiments of the present disclosure, [Example 6] provides a page jump method, further comprising:

[0149] In some optional implementations, the page jump between the graphic details page and the associated page is realized according to the target page jump animation, including:

[0150] Using the page jump reference image as an alignment reference, the graphic details page with the regional mask superimposed thereon is overlaid on the associated page and aligned;

[0151] The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the associated page to the graphic details page.

[0152] According to one or more embodiments of the present disclosure, [Example 7] provides a page jump method, further comprising:

[0153] In some optional implementations, implementing page jump between the graphic details page and the associated page according to the target page jump animation includes:

[0154] Align the entire graphic and text details page with the associated page, and overlay it on the associated page;

[0155] The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the graphic details page to the associated page.

[0156] According to one or more embodiments of the present disclosure, [Example 8] provides a page jump device, including:

[0157] A jump reference image information acquisition module, for acquiring, when a page jump instruction for page jump between a picture and text detail page and an associated page is acquired, display position information of the page jump reference image in the picture and text detail page and the associated page respectively;

[0158] A mask creation module, configured to create a regional mask for a page area adjacent to the page jump reference image in the graphic details page according to the page jump direction between the graphic details page and the associated page and the display position information;

[0159] A page jump animation determination and jump module is used to determine the page jump reference image and the target page jump animation of the area mask based on the display position information, and realize the page jump between the graphic details page and the associated page according to the target page jump animation.

[0160] According to one or more embodiments of the present disclosure, [Example 9] provides a page jump device, further comprising:

[0161] In an optional implementation manner, the jump reference image information acquisition module is specifically used to:

[0162] Determine the current display image of the jump start page in the graphic details page and the associated page as a page jump reference image;

[0163] The display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively.

[0164] According to one or more embodiments of the present disclosure, [Example 10] provides a page jump device, further comprising:

[0165] In an optional implementation, the mask creation module is specifically used to:

[0166] When the page jump direction is to jump from the associated page to the graphic details page, a regional mask is created in the graphic details page for the page area adjacent to the upper edge and the lower edge of the page jump reference image, and the starting height of the regional mask is the distance between the top edge and the bottom edge of the graphic details page and the upper edge and the lower edge of the page jump reference image respectively;

[0167] When the page jump direction is from the graphic details page to the associated page, area masks are created in the graphic details page for the page areas adjacent to the upper and lower edges of the page jump reference image, and the starting heights of the area masks are zero.

[0168] According to one or more embodiments of the present disclosure, [Example 11] provides a page jump device, further comprising:

[0169] In an optional implementation, the page jump animation determination and jump module is specifically used to:

[0170] The page jump reference image is moved from a first display position in the associated page to a second display position in the graphic detail page as a first target page jump animation; and

[0171] The edge of the region mask adjacent to the page jump reference image is contracted in a direction away from the page jump reference image until the height of the region mask is zero as the second target page jump animation.

[0172] According to one or more embodiments of the present disclosure, [Example 12] provides a page jump device, further comprising:

[0173] In an optional implementation, the page jump animation determination and jump module may also be specifically used for:

[0174] Move the picture and text detail page as a whole until the page jump reference image moves to the display position of the associated page as the first target page jump animation; and,

[0175] The area mask is extended toward the page jump reference image until it is adjacent to the edge of the page jump reference image as a second target page jump animation.

[0176] According to one or more embodiments of the present disclosure, [Example 13] provides a page jump device, further comprising:

[0177] In an optional implementation, the page jump animation determination and jump module is further used to:

[0178] Using the page jump reference image as an alignment reference, the graphic details page with the regional mask superimposed thereon is overlaid on the associated page and aligned;

[0179] The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the associated page to the graphic details page.

[0180] According to one or more embodiments of the present disclosure, [Example 14] provides a page jump device, further comprising:

[0181] In an optional implementation, the page jump animation determination and jump module may be further used to:

[0182] Align the entire graphic and text details page with the associated page, and overlay it on the associated page;

[0183] The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the graphic details page to the associated page.

[0184] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0185] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0186] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A page jump method, characterized in that: include: When a page jump instruction for jumping between the picture and text details page and the associated page is obtained, display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively; Creating a region mask for a page region adjacent to the page jump reference image in the image and text details page according to the page jump direction between the image and text details page and the associated page and the display position information; The page jump reference image and the target page jump animation of the area mask are determined based on the display position information, and the page jump between the graphic details page and the associated page is implemented according to the target page jump animation.

2. The method according to claim 1, characterized in that Respectively obtaining the display position information of the page jump reference image in the picture and text details page and the associated page, including: Determine the current display image of the jump start page in the graphic details page and the associated page as a page jump reference image; The display position information of the page jump reference image in the picture and text details page and the associated page is obtained respectively.

3. The method according to claim 1, characterized in that According to the page jump direction between the graphic details page and the associated page and the display position information, a region mask is created in the graphic details page for a page region adjacent to the page jump reference image, including: When the page jump direction is to jump from the associated page to the graphic details page, a regional mask is created in the graphic details page for the page area adjacent to the upper edge and the lower edge of the page jump reference image, and the starting height of the regional mask is the distance between the top edge and the bottom edge of the graphic details page and the upper edge and the lower edge of the page jump reference image respectively; When the page jump direction is from the graphic details page to the associated page, area masks are created in the graphic details page for the page areas adjacent to the upper and lower edges of the page jump reference image, and the starting heights of the area masks are zero.

4. The method according to claim 3, characterized in that When the page jump direction is to jump from the associated page to the graphic details page, the target page jump animation of determining the page jump reference image and the area mask based on the display position information includes: The page jump reference image is moved from a first display position in the associated page to a second display position in the graphic detail page as a first target page jump animation; and The edge of the region mask adjacent to the page jump reference image is contracted in a direction away from the page jump reference image until the height of the region mask is zero as the second target page jump animation.

5. The method according to claim 3, characterized in that: When the page jump direction is from the graphic details page to the associated page, the target page jump animation of determining the page jump reference image and the area mask based on the display position information includes: Move the picture and text detail page as a whole until the page jump reference image moves to the display position of the associated page as the first target page jump animation; and, The area mask is extended toward the page jump reference image until it is adjacent to the edge of the page jump reference image as a second target page jump animation.

6. The method according to claim 4, characterized in that The page jump between the picture and text details page and the associated page is realized according to the target page jump animation, including Using the page jump reference image as an alignment reference, the graphic details page with the regional mask superimposed thereon is overlaid on the associated page and aligned; The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the associated page to the graphic details page.

7. The method according to claim 5, characterized in that The page jump between the graphic details page and the associated page is realized according to the target page jump animation, including: Align the entire graphic and text details page with the associated page, and overlay it on the associated page; The first target page jump animation and the second target page jump animation are played simultaneously to realize the jump from the graphic details page to the associated page.

8. A page jump device, characterized in that: include: A jump reference image information acquisition module, for acquiring, when a page jump instruction for page jump between a picture and text detail page and an associated page is acquired, display position information of the page jump reference image in the picture and text detail page and the associated page respectively; A mask creation module, configured to create a regional mask for a page area adjacent to the page jump reference image in the graphic details page according to the page jump direction between the graphic details page and the associated page and the display position information; A page jump animation determination and jump module is used to determine the page jump reference image and the target page jump animation of the area mask based on the display position information, and realize the page jump between the graphic details page and the associated page according to the target page jump animation.

9. An electronic device, characterized in that: The electronic device comprises: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the page jump method as described in any one of claims 1-7.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the page jump method as described in any one of claims 1 to 7 is implemented.

11. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the computer program implements the page jump method according to any one of claims 1 to 7.

Images