Page display method and device, electronic equipment and storage medium

CN118643234BActive Publication Date: 2026-08-18BEIJING DAJIA INTERNET INFORMATION TECH CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202410659084.3
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2024-05-24
Publication Date
2026-08-18
Estimated Expiration
2044-05-24

AI Technical Summary

Technical Problem

[0004]本公开提供一种页面展示方法、装置、电子设备及存储介质,以至少解决相关技术中推荐对象单一,无法满足业务方的多样化推荐需求,页面跳转过程中的互动性和趣味性较差,用户交互体验和业务转化效果较差,进而也出现大量无效媒体内容推荐的情况,造成系统资源浪费和系统性能降低等技术问题

Benefits of technology

[0072] The preset display page for preset media content corresponding to preset business parties displays first and second object materials for different objects corresponding to the preset business parties. This enriches the recommended objects, meets the diverse recommendation needs of business parties, and enhances the image shaping effect of business parties. Furthermore, when a page jump command is triggered, the first and second object materials are controlled to collide with each other, and a preset animation including common elements of the two recommended objects is displayed. After the preset animation ends, the user jumps to the business page associated with the preset business party. This enhances the novelty and interest of the animation during the page jump process. Combining the common elements of the two objects can better improve the joint recommendation effect of the two objects and the interactivity during the page jump process. In addition, it can also reduce the recommendation of invalid media content, avoid waste of system resources, and improve system performance.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN118643234B_ABST
    Figure CN118643234B_ABST
Patent Text Reader

Abstract

The present disclosure relates to a page display method and device, electronic equipment and storage medium. The method comprises: displaying first object material and second object material on a preset display page of preset media content corresponding to a preset business party; the first object material and the second object material are object materials of different objects corresponding to the preset business party; in response to a page jump instruction, the first object material and the second object material are controlled to collide with each other, and a preset animation including a first preset element is displayed; the first preset element is a common element of the two objects corresponding to the first object material and the second object material; in the case where the preset animation display ends, jump to a business page associated with the preset business party. The embodiments of the present disclosure can enrich the recommended objects, meet the diversified recommendation needs of the business party, improve the image shaping effect of the business party, and improve the novelty and interest of the animation in the page jump process, and improve the effect and interactivity of the joint recommendation of the two objects.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This disclosure relates to the field of Internet technology, and in particular to a page display method, apparatus, electronic device, and storage medium. Background Technology

[0002] With the development of internet technology, various online information is widely disseminated, enabling people to quickly and timely obtain various information, which greatly facilitates people's lives and work.

[0003] In related technologies, some business entities publish media content recommending their products or other objects on online platforms. Users can then trigger redirects to related business pages by clicking on the current recommendation page. However, these recommendation pages often feature only a single object, failing to meet the diverse recommendation needs of business entities. Furthermore, triggering a page redirect often directly leads to the business page, resulting in poor interactivity and engagement, a poor user experience, and low business conversion rates. This also leads to a large amount of invalid multimedia content recommendations, wasting system resources and reducing system performance. Summary of the Invention

[0004] This disclosure provides a page display method, apparatus, electronic device, and storage medium to at least solve the technical problems in related technologies, such as the limited selection of recommended objects, inability to meet the diverse recommendation needs of business users, poor interactivity and engagement during page transitions, poor user experience and business conversion rates, and consequently, a large number of invalid media content recommendations, resulting in wasted system resources and reduced system performance. The technical solution of this disclosure is as follows:

[0005] According to a first aspect of the present disclosure, a page display method is provided, including:

[0006] The first object material and the second object material are displayed on the preset display page corresponding to the preset media content of the preset business party; the first object material and the second object material are object materials of different objects corresponding to the preset business party;

[0007] In response to a page navigation command, the first object material and the second object material are controlled to collide with each other, and a preset animation including a first preset element is displayed. The first preset element is a common element of the two objects corresponding to the first object material and the second object material.

[0008] After the preset animation ends, the user is redirected to the business page associated with the preset business provider.

[0009] In an optional embodiment, displaying the first object material and the second object material on a preset display page corresponding to preset media content of a preset business party includes:

[0010] The preset display page displays a first object material and a third object material. The third object material is the second object material configured with a second preset element, and the second preset element is a common element of the two objects.

[0011] The step of responding to a page navigation command by controlling the first object material and the second object material to collide with each other and displaying a preset animation including a first preset element includes:

[0012] In response to the page navigation command, control the first object material and the third object material to collide with each other;

[0013] In the event that the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and the preset animation including the first preset element is displayed;

[0014] The fourth object material is the first object material configured with the second preset element.

[0015] In an optional embodiment, the step of updating the third object material to the second object material and updating the first object material to the fourth object material when the first object material and the third object material collide, and displaying the preset animation including the first preset element, includes:

[0016] In the event that the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and the preset animation including the first preset element and the second preset element is displayed.

[0017] In an optional embodiment, the display of the preset animation including the first preset element includes:

[0018] When the first object material and the second object material collide with each other, the first preset element is displayed in the collision area corresponding to the first object material and the second object material, and the first object material and the second object material are updated to the fifth object material;

[0019] The fifth object material corresponds to the same object as the first object material.

[0020] In an optional embodiment, the display of the preset animation including the first preset element includes:

[0021] When the first object material and the second object material collide with each other, the first preset element is displayed in the collision area corresponding to the first object material and the second object material;

[0022] Cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to gradually cover the preset display page.

[0023] In an optional embodiment, the display of the preset animation including the first preset element includes:

[0024] When the first object material and the second object material collide with each other, the first preset element is displayed in the collision area corresponding to the first object material and the second object material;

[0025] Cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to extend its display in the preset display page.

[0026] In an optional embodiment, displaying the first object material and the second object material on a preset display page corresponding to preset media content of a preset business party includes:

[0027] During the preset event attention period corresponding to the target event, in response to the media content display instruction, the preset media content, the first object material and the second object material are displayed on the preset display page;

[0028] The preset media content uses the event theme corresponding to the target event as its content theme, and the preset media content includes business element corresponding to the preset business party.

[0029] In an optional embodiment, controlling the collision between the first object material and the second object material in response to a page navigation instruction includes:

[0030] Detect the movement information of terminal devices;

[0031] If the detected movement information meets the preset conditions, the page jump instruction is triggered, and the first object material and the second object material are controlled to collide with each other.

[0032] In an optional embodiment, the redirection to the business page associated with the preset business provider includes:

[0033] The business page displays the associated operation information corresponding to the preset business party and the object recommendation information of at least one recommended object corresponding to the preset business party;

[0034] The associated operation information is used to trigger the current user account to establish an association relationship with the preset business party.

[0035] In an optional embodiment, displaying the first object material and the second object material on a preset display page corresponding to preset media content of a preset business party includes:

[0036] The preset display page displays the first object material, the second object material, and preset prompt information;

[0037] The preset prompt information is used to indicate that the user will be redirected to the business page by performing a preset operation.

[0038] According to a second aspect of the present disclosure, a page display device is provided, comprising:

[0039] The object material display module is configured to display a first object material and a second object material on a preset display page corresponding to preset media content of a preset business party; the first object material and the second object material are object materials of different objects corresponding to the preset business party.

[0040] The collision handling module is configured to respond to a page jump instruction, control the first object material and the second object material to collide with each other, and display a preset animation including a first preset element, wherein the first preset element is a common element of the two objects corresponding to the first object material and the second object material;

[0041] The page redirection module is configured to redirect to the business page associated with the preset business party when the preset animation ends.

[0042] In an optional embodiment, the object material display module includes:

[0043] The object material display unit is configured to display a first object material and a third object material on the preset display page. The third object material is the second object material configured with a second preset element, and the second preset element is a common element of the two objects.

[0044] The collision control module includes:

[0045] The first collision processing unit is configured to execute a response to the page jump instruction, controlling the first object material and the third object material to collide with each other;

[0046] The second collision processing unit is configured to update the third object material to the second object material and update the first object material to the fourth object material when the first object material and the third object material collide with each other, and display the preset animation including the first preset element;

[0047] The fourth object material is the first object material configured with the second preset element.

[0048] In an optional embodiment, the second collision processing unit is further configured to perform the following:

[0049] In the event that the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and the preset animation including the first preset element and the second preset element is displayed.

[0050] In an optional embodiment, the collision processing module includes:

[0051] The third collision processing unit is configured to, when the first object material and the second object material collide with each other, display the first preset element in the collision area corresponding to the first object material and the second object material, and update the first object material and the second object material to the fifth object material;

[0052] The fifth object material corresponds to the same object as the first object material.

[0053] In an optional embodiment, the display of the preset animation including the first preset element includes:

[0054] The first element display unit is configured to display the first preset element in the collision area corresponding to the first object material and the second object material when the first object material and the second object material collide with each other;

[0055] The fourth collision processing unit is configured to cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to gradually cover the preset display page.

[0056] In an optional embodiment, the display of the preset animation including the first preset element includes:

[0057] The second element display unit is configured to display the first preset element in the collision area corresponding to the first object material and the second object material when the first object material and the second object material collide with each other;

[0058] The fifth collision processing unit is configured to cancel the display of the first object material, the second object material, and the first preset element, and to control the first preset element to extend and display in the preset display page.

[0059] In an optional embodiment, the object material display module is further configured to, during a preset event attention period corresponding to the target event, respond to a media content display instruction and display the preset media content, the first object material, and the second object material on the preset display page;

[0060] The preset media content uses the event theme corresponding to the target event as its content theme, and the preset media content includes business element corresponding to the preset business party.

[0061] In an optional embodiment, the collision processing module includes:

[0062] The mobile information detection unit is configured to detect the mobile information of the terminal device.

[0063] The collision control unit is configured to trigger the page jump instruction and control the first object material and the second object material to collide with each other when the detected movement information meets preset conditions.

[0064] In an optional embodiment, the page redirection module is further configured to execute a business page that displays associated operation information corresponding to the preset business party and object recommendation information corresponding to at least one recommended object of the preset business party;

[0065] The associated operation information is used to trigger the current user account to establish an association relationship with the preset business party.

[0066] In an optional embodiment, the object material display module is further configured to display the first object material, the second object material, and preset prompt information on the preset display page;

[0067] The preset prompt information is used to indicate that the user will be redirected to the business page by performing a preset operation.

[0068] According to a third aspect of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement the method as described in any one of the first aspects above.

[0069] According to a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein when instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform any of the page display methods described in the embodiments of the present disclosure.

[0070] According to a fifth aspect of the present disclosure, a computer program product including instructions is provided that, when run on a computer, causes the computer to perform the method as described in any one of the first aspects above.

[0071] The technical solutions provided by the embodiments of this disclosure have at least the following beneficial effects:

[0072] The preset display page for preset media content corresponding to preset business parties displays first and second object materials for different objects corresponding to the preset business parties. This enriches the recommended objects, meets the diverse recommendation needs of business parties, and enhances the image shaping effect of business parties. Furthermore, when a page jump command is triggered, the first and second object materials are controlled to collide with each other, and a preset animation including common elements of the two recommended objects is displayed. After the preset animation ends, the user jumps to the business page associated with the preset business party. This enhances the novelty and interest of the animation during the page jump process. Combining the common elements of the two objects can better improve the joint recommendation effect of the two objects and the interactivity during the page jump process. In addition, it can also reduce the recommendation of invalid media content, avoid waste of system resources, and improve system performance.

[0073] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0074] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.

[0075] Figure 1 This is a schematic diagram illustrating an application environment according to an exemplary embodiment;

[0076] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment;

[0077] Figure 3 This is a schematic diagram of a preset display page according to an exemplary embodiment;

[0078] Figure 4 This is a schematic diagram illustrating a process of displaying a preset animation including a first preset element, according to an exemplary embodiment;

[0079] Figure 5 This is a schematic diagram illustrating another process of displaying a preset animation including a first preset element, according to an exemplary embodiment;

[0080] Figure 6 This is a schematic diagram illustrating another process of displaying a preset animation including a first preset element, according to an exemplary embodiment;

[0081] Figure 7 This is a schematic diagram illustrating a process of displaying a preset animation including a first preset element and the first preset element, according to an exemplary embodiment;

[0082] Figure 8 This is a block diagram illustrating a page display device according to an exemplary embodiment;

[0083] Figure 9 This is a block diagram illustrating an electronic device for displaying a webpage, according to an exemplary embodiment. Detailed Implementation

[0084] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.

[0085] It should be noted that the terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.

[0086] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data used for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0087] Please see Figure 1 , Figure 1 This is a schematic diagram illustrating an application environment according to an exemplary embodiment, which may include a terminal 100 and a server 200.

[0088] In an optional embodiment, terminal 100 can be used to provide services such as media content browsing to any user. Specifically, terminal 100 can be, but is not limited to, electronic devices such as smartphones, desktop computers, tablets, laptops, smart speakers, digital assistants, augmented reality (AR) / virtual reality (VR) devices, and smart wearable devices, or software running on the aforementioned electronic devices, such as applications. Optionally, the operating system running on the electronic device can be, but is not limited to, Android, iOS, Linux, Windows, etc.

[0089] In an optional embodiment, server 200 can provide background services to terminal 100. Specifically, server 200 can be a standalone physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud server providing cloud computing services.

[0090] In addition, it should be noted that, Figure 1 The example shown is merely one application environment provided by this disclosure. In practical applications, other application environments may also be included, such as more terminals.

[0091] In the embodiments described in this specification, the terminal 100 and the server 200 can be directly or indirectly connected through wired or wireless communication, and this disclosure does not impose any restrictions.

[0092] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment, such as... Figure 2 As shown, the method may include the following steps:

[0093] In step S201, the first object material and the second object material are displayed on the preset display page of the preset media content corresponding to the preset business party.

[0094] In a specific embodiment, the aforementioned first object material and second object material can be object materials of different objects corresponding to a preset business entity. The preset business entity can be a brand entity or a user account of a brand entity within a preset network platform or preset application. Optionally, the preset media content can be media content introducing the target business entity; optionally, the preset media content can be media content associated with the objects corresponding to the first and second object materials, such as videos introducing the objects corresponding to the first and second object materials. The media content can be dynamic media content such as videos, or static media content such as images and text; specifically, the object can be products such as items, applications, or novels provided by the target business entity. The object material can be material representing the object; optionally, taking a dairy product brand entity or a user account corresponding to a dairy product brand entity as an example, the first object material and the second object material can be two types of milk provided by that dairy product brand entity; correspondingly, the first object material and the second object material can be the outer packaging images of the two types of milk, or the names of the two types of milk, etc.

[0095] In one specific embodiment, the preset display page can be a page used to display preset media content. Optionally, the preset display page can be a launch page in a preset application or a preset network platform, or it can be an information flow display page in a preset application or a preset network platform. Specifically, both the preset application and the preset network platform can be used to recommend and display media content; optionally, the preset application and the preset network platform can also be used for media content publishing and other processing.

[0096] In an optional embodiment, displaying the first object material and the second object material on a preset display page corresponding to preset media content of a preset business party includes:

[0097] The preset display page shows the first object material, the second object material, and preset prompt information;

[0098] In one specific embodiment, the aforementioned preset prompt information can be used to instruct the user to jump to a business page associated with a preset business provider by performing a preset operation. Specifically, the preset operation can be an instruction to trigger a jump to the business page, which can be set according to the actual application; optionally, the preset operation can be a device movement control operation, such as twisting or shaking the device; optionally, the preset operation can be a voice control operation, such as XX (wake word) to jump to the business page; optionally, the preset operation can be a touch operation, such as clicking or long-pressing.

[0099] In one specific embodiment, the business page associated with the preset business party can be set according to the actual application, such as the details page of a certain product provided by the preset business party, the business party homepage corresponding to the preset business party, and the recommendation page of multiple products provided by the preset business party.

[0100] In a specific embodiment, such as Figure 3 As shown, Figure 3 This is a schematic diagram of a preset display page according to an exemplary embodiment; wherein, the image corresponding to 301 can be a first object material; the image corresponding to 302 can be a second object material; and the information corresponding to 303 can be preset prompt information.

[0101] In the above embodiments, by displaying preset prompt information during the display of preset media content corresponding to the preset business party, indicating that users can jump to the business page associated with the preset business party by performing preset operations, users can clearly understand the triggering method of page jump and improve user experience.

[0102] In an optional embodiment, displaying the first object material and the second object material on a preset display page corresponding to preset media content of a preset service provider may include:

[0103] During the preset event attention period corresponding to the target event, in response to the media content display instruction, preset media content, first object material and second object material are displayed on the preset display page;

[0104] In a specific embodiment, the media content display instruction can be an instruction to display media content introducing the target business party, such as a launch instruction or a switching instruction during information flow browsing. The aforementioned preset media content uses the event theme corresponding to the target event as its content theme, and the preset media content includes business party elements corresponding to the preset business party. Specifically, the target event can be set according to actual applications. Optionally, the target event can be an event with a current attention level greater than a preset threshold. Specifically, the current attention level can be determined based on the user account's attention to the event on the platform. Specifically, the user account's attention to the event can include the release status of event-related media content, etc. Specifically, the target event can be a festival event, etc. The preset event attention period can include the event's duration. Optionally, the preset event attention period can also include a period before and after the event. Specifically, the business party elements corresponding to the preset business party can be the business party's logo or name, or other information that can identify the preset business party.

[0105] In an optional embodiment, taking a festival event as an example, the event theme can be the event theme; correspondingly, the preset media content can be media content with the event theme as the content theme, and the preset media content can include business element corresponding to the preset business party.

[0106] In the above embodiments, during the display of preset media content corresponding to a preset business party during the preset event attention period corresponding to the target event, media content with the event theme corresponding to the target event as the content theme and containing the business party elements corresponding to the preset business party will be used as the preset media content corresponding to the preset business party. This can enrich the media content of the business party in combination with the event, and the preset media content uses the event theme corresponding to the target event as the content theme. Different business parties can reuse media content with the event theme corresponding to the target event as the content theme during the creation of preset media content, and only need to edit the business party elements, which effectively reduces the material cost for business parties to create media content and improves the universality of materials.

[0107] In step S203, in response to the page jump instruction, the first object material and the second object material are controlled to collide with each other, and a preset animation including the first preset element is displayed.

[0108] In one specific embodiment, the page jump instruction can be an instruction to jump to a business page; optionally, the above-mentioned response to the page jump instruction, controlling the collision between the first object material and the second object material, can include:

[0109] Detect the movement information of terminal devices;

[0110] If the detected movement information meets the preset conditions, a page jump instruction is triggered, and the first object material and the second object material are controlled to collide with each other.

[0111] In a specific embodiment, in a scenario where a page jump instruction is triggered by a device movement control operation, the movement information of the terminal device can be detected. The terminal device can be the terminal device currently displaying the preset page. Specifically, the movement information can include the movement direction and movement distance, and the preset condition can be the triggering condition for the page jump instruction. Accordingly, when the detected movement information meets the preset condition, the page jump instruction is triggered, and the first object material and the second object material are controlled to collide with each other.

[0112] In one specific embodiment, the movement and collision of the first object material and the second object material can be controlled by combining movement information, or the movement and collision of the first object material and the second object material can be controlled by combining a preset movement path.

[0113] In an optional embodiment, the collision between the first object material or the second object material can be controlled by clicking and dragging the first object material or the second object material.

[0114] In the above embodiments, in the scenario where a page jump instruction is triggered by combining device movement control operations, the page jump instruction is triggered only when the detected movement information meets the preset conditions. This can effectively avoid user misoperation and ensure that the page jump meets the user's needs, thereby greatly improving the user experience.

[0115] In a specific embodiment, the aforementioned first preset element can be a common element of the two objects corresponding to the first object material and the second object material. Taking the preset business party as a dairy product brand or a user account corresponding to a dairy product brand as an example, and the two objects corresponding to the first object material and the second object material as two types of milk, the first preset element can be the milk itself; taking the preset business party as a beverage brand or a user account corresponding to a beverage brand as an example, and the two objects corresponding to the first object material and the second object material as two types of carbonated beverages, the first preset element can be the beverage itself or the bubbles.

[0116] In an optional embodiment, the above-described preset animation, which includes a first preset element, may include:

[0117] When the first object material and the second object material collide, the first preset element is displayed in the collision area corresponding to the first object material and the second object material, and the first object material and the second object material are updated to the fifth object material.

[0118] In a specific embodiment, the collision area corresponding to the first object material and the second object material can be the area near the collision position of the first object material and the second object material (e.g., the area at a preset distance from the collision position); specifically, the fifth object material corresponds to the same object as the first object material.

[0119] In an optional embodiment, the fifth object material may include an enlarged version of the first object material; correspondingly, the preset animation may be an animation in which the first object material and the second object material collide to generate a first preset element, and update the first object material and the second object material to the enlarged version of the first object material; optionally, the first preset element may be canceled during the process of updating the first object material and the second object material to the enlarged version of the first object material, or the first preset element may be canceled before updating the first object material and the second object material to the enlarged version of the first object material.

[0120] In an optional embodiment, the fifth object material may include an enlarged version of the first object material and a first preset element; correspondingly, the preset animation may be an animation in which the first object material and the second object material collide to generate the first preset element, and the first object material and the second object material are updated to the enlarged version of the first object material and the first preset element.

[0121] In one specific embodiment, taking the fifth object material as an example, which includes an enlarged version of the first object material and a first preset element, such as... Figure 4 As shown, Figure 4 This is a schematic diagram illustrating a process of displaying a preset animation including a first preset element, according to an exemplary embodiment; combined with Figure 4 As can be seen in section a, when the first object material and the second object material collide, the first preset element is displayed in the collision area corresponding to the first object material and the second object material; combined with Figure 4 As can be seen in b, the first and second object materials have been updated to the fifth object material (the enlarged version of the first object material and the first preset element).

[0122] In the above embodiments, when the first object material and the second object material collide with each other, the collision effect is rendered by an animation in which the first object material and the second object material collide to produce a first preset element, and the first object material and the second object material are updated to the fifth object material corresponding to the first object material. This can improve the novelty and fun of the animation during page jumps, and realize the switching from the recommendation scene of two objects to the recommendation scene of one object. In application scenarios such as product upgrades and replacements, the above animation can effectively reflect the upgrade and handover process between objects, thereby better improving the object recommendation effect.

[0123] In an optional embodiment, the preset animation can be a first preset element generated by the collision of the first object material and the second object material, and after the first object material, the second object material, and the first preset element are de-displayed, the first preset element gradually covers the animation of the preset display page; correspondingly, the preset animation of the above-mentioned display including the first preset element can include:

[0124] When the first object material and the second object material collide, the first preset element is displayed in the collision area corresponding to the first object material and the second object material.

[0125] Cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to gradually cover the preset display page.

[0126] In an optional embodiment, the display of the first object material, the second object material, and the first preset element can be canceled once the first preset element display duration has been reached. Specifically, the first preset duration can be set according to actual application requirements. Optionally, the first preset element can be controlled to gradually cover the preset display page, starting from a certain page boundary.

[0127] In a specific embodiment, taking two objects corresponding to the first object material and the second object material as two carbonated beverages, and the first preset element as the beverage itself, as an example, Figure 5 As shown, Figure 5 This is a schematic diagram illustrating another process of displaying a preset animation including a first preset element, according to an exemplary embodiment; combined with Figure 5 As can be seen in section a, when the first object material and the second object material collide, the first preset element 501 is displayed in the collision area corresponding to the first object material and the second object material; combined with Figure 5 As can be seen in b, after canceling the display of the first object material, the second object material, and the first preset element, the first preset element 501 is controlled to gradually cover the preset display page.

[0128] In the above embodiments, when the first object material and the second object material collide with each other, the first object material and the second object material collide to generate a first preset element. After the first object material, the second object material and the first preset element are canceled from display, the animation of the first preset element gradually covering the preset display page is used to render the collision effect. This can enhance the novelty and fun of the animation during the page jump process, and combined with the common elements of the two objects, it can better improve the effect of joint recommendation of the two objects and the interactivity during the page jump process.

[0129] In an optional embodiment, the preset animation can be an animation in which the first object material and the second object material collide to generate a first preset element, and after the first object material, the second object material, and the first preset element are canceled from display, the first preset element extends and is displayed in the preset display page; correspondingly, the preset animation that displays the first preset element can include:

[0130] When the first object material and the second object material collide, the first preset element is displayed in the collision area corresponding to the first object material and the second object material.

[0131] Cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to extend and display in the preset display page.

[0132] In an optional embodiment, the display of the first object material, the second object material, and the first preset element can be canceled if the display duration of the first preset element reaches the second preset duration. Specifically, the second preset duration can be set according to actual application requirements. Optionally, the first preset element can be controlled to extend its display within the preset display page, starting from a certain page boundary.

[0133] In a specific embodiment, taking the first object material and the second object material as two objects representing two types of milk, and the first preset element being the milk itself, as an example, Figure 6 As shown, Figure 6 This is a schematic diagram illustrating another process of displaying a preset animation including a first preset element, according to an exemplary embodiment; combined with Figure 6 As can be seen in section a, when the first object material and the second object material collide, the first preset element 601 is displayed in the collision area corresponding to the first object material and the second object material; combined with Figure 6 As can be seen in b, after canceling the display of the first object material, the second object material, and the first preset element, the first preset element 601 is controlled to extend and be displayed in the preset display page.

[0134] In the above embodiments, when the first object material and the second object material collide with each other, the first object material and the second object material collide to generate a first preset element. After the first object material, the second object material and the first preset element are canceled from display, the animation of the first preset element extending in the preset display page is used to render the collision effect. This can enhance the novelty and fun of the animation during the page jump process, and combined with the common elements of the two objects, it can better improve the effect of joint recommendation of the two objects and the interactivity during the page jump process.

[0135] In step S205, after the preset animation display ends, the user is redirected to the business page associated with the preset business party.

[0136] In an optional embodiment, the above-mentioned redirection to the business page associated with the preset business provider may include:

[0137] A business page that displays associated operation information corresponding to a preset business party and object recommendation information for at least one recommended object corresponding to the preset business party;

[0138] In one specific embodiment, the aforementioned association operation information can be used to trigger the current user account to establish an association relationship with a preset business entity. Accordingly, the user can establish an association relationship with the preset business entity by clicking, long-pressing, or performing other operations on the association operation information. Specifically, the association relationship can be a follow relationship; the object recommendation information can be information used to recommend objects, such as object images and object descriptions.

[0139] In the above embodiments, a business page is defined as a page that includes associated operation information corresponding to a preset business party and object recommendation information corresponding to at least one recommended object of the preset business party. This allows users to establish a relationship with the business party while making object recommendations, thereby improving the recommendation effect of the business party.

[0140] In an optional embodiment, displaying the first object material and the second object material on a preset display page corresponding to preset media content of a preset service provider may include:

[0141] The preset display page displays the first object material and the third object material. The third object material can be the second object material configured with the second preset element.

[0142] Accordingly, in response to the page navigation command, the control of the first and second object materials to collide with each other, and the display of the preset animation including the first preset element, include:

[0143] In response to page navigation commands, control the collision between the first and third object assets;

[0144] If the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and a preset animation including the first preset element is displayed;

[0145] In one specific embodiment, the second preset element is a common element of the two objects. Specifically, the first preset element and the second preset element can be different common elements. The fourth object material can be the first object material configured with the second preset element. Specifically, the third object material is updated to the second object material, and the first object material is updated to the fourth object material (the first object material configured with the second preset element), rendering the effect of the first object material handing over the second preset element to the second object material.

[0146] In the above embodiments, during the presentation of materials for two objects, common elements of the two objects are configured in the material of one object. When the materials of the two objects collide, the common elements are switched from one object material to the other object material, rendering the effect of the first object material handing over the second preset element to the second object material. This can also highlight the effect of object upgrades in the scenario of object upgrades. In addition to enriching the animation effects during page transitions, the presentation of common elements of the two objects can be enriched, thereby better improving the effect of joint recommendation of the two objects.

[0147] In an optional embodiment, when the first object material and the third object material collide, updating the third object material to the second object material and the first object material to the fourth object material, and displaying the preset animation including the first preset element, may include:

[0148] If the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and a preset animation including the first preset element and the second preset element is displayed.

[0149] In an optional embodiment, the preset animation can be an animation in which the first object material and the second object material collide to generate a first preset element, and after the second object material, the fourth object material, and the first preset element are removed from display, the first preset element and the second preset element gradually cover the preset display page; correspondingly, the preset animation of the above display including the first preset element and the second preset element can include:

[0150] The first preset element is displayed in the collision area corresponding to the first object material and the third object material;

[0151] Cancel the display of the second object material, the fourth object material, and the first preset element, and control the first and second preset elements to gradually cover the preset display page.

[0152] In one specific embodiment, the display of the second object material, the fourth object material, and the first preset element can be canceled after the first preset element's display duration reaches a third preset duration. Specifically, the third preset duration can be set according to actual application requirements. Optionally, starting from a certain page boundary of the preset display page, the first and second preset elements can be controlled to gradually cover the preset display page.

[0153] In another optional embodiment, the preset animation can be an animation in which the first object material and the second object material collide to generate a first preset element, and after the second object material, the fourth object material, and the first preset element are canceled from display, the first preset element and the second preset element extend and are displayed in the preset display page; correspondingly, the preset animation of the above display including the first preset element and the second preset element can include:

[0154] The first preset element is displayed in the collision area corresponding to the first object material and the third object material;

[0155] Cancel the display of the second object material, the fourth object material, and the first preset element, and control the first and second preset elements to extend and display in the preset display page.

[0156] In one specific embodiment, the display of the second object material, the fourth object material, and the first preset element can be canceled when the display duration of the first preset element reaches a fourth preset duration. Specifically, the fourth preset duration can be set according to actual application requirements. Optionally, the first and second preset elements can be controlled to extend their display within the preset display page, starting from a certain page boundary.

[0157] In another optional embodiment, the preset animation can generate a first preset element by colliding the first object material and the second object material, and update the second object material and the fourth object material to a sixth object material; correspondingly, the preset animation shown above, which includes the first preset element and the second preset element, can include:

[0158] The first preset element is displayed in the collision area corresponding to the first object material and the third object material;

[0159] Update the second and fourth object assets to the sixth object asset;

[0160] In one specific embodiment, the sixth object material may include an enlarged fourth object material, a first preset element, and a second preset element.

[0161] In the above embodiments, during the presentation of materials for two objects, common elements of the two objects are configured in the material of one object. When the materials of the two objects collide, the common elements are switched from one object material to the other object material, rendering the effect of the first object material handing over the second preset element to the second object material. This can also highlight the effect of object upgrades in the scenario of object upgrades and display preset animations including the first and second preset elements. This can enrich the presentation of common elements of the two objects on the basis of enriching the animation effects during page transitions, thereby better improving the effect of joint recommendation of the two objects.

[0162] In a specific embodiment, taking two objects corresponding to the first object material and the second object material as two carbonated beverages, with the first preset element being the beverage itself and the second preset element being the bubbles, as an example... Figure 7 As shown, Figure 7 This is a schematic diagram illustrating a process of displaying a preset animation including a first preset element and the first preset element, according to an exemplary embodiment; combined with Figure 7 As can be seen in section a, during the display of preset media content, the first object material 701 and the third object material 702 (the second object material 7022 configured with the second preset element 7021) are displayed on the preset display page; furthermore, combined with Figure 7As can be seen in section b, when the first object material and the second object material collide, the third object material 702 is updated to the second object material 7022, and the first object material 701 is updated to the fourth object material 703 (the first object material 701 configured with the second preset element 7021), and the first preset element 704 is displayed in the collision area corresponding to the first object material and the second object material; furthermore, combined with Figure 7 As can be seen in the middle, after canceling the display of the second object material 7022, the fourth object material 703 and the first preset element 704, the first preset element 704 and the second preset element 7021 are controlled to gradually cover the preset display page.

[0163] As can be seen from the technical solutions provided in the embodiments of this specification above, the display of first and second object materials corresponding to different objects of the preset business party on the preset display page of the preset media content corresponding to the preset business party can enrich the recommended objects, meet the diverse recommendation needs of the business party, and improve the image shaping effect of the business party; and when the page jump instruction is triggered, the first and second object materials are controlled to collide with each other, and a preset animation including the common elements of the two recommended objects is displayed; and when the preset animation ends, the page jumps to the business page associated with the preset business party, which can improve the novelty and interest of the animation during the page jump, and combined with the common elements of the two objects, the effect of joint recommendation of the two objects and the interactivity during the page jump can be better improved, thereby reducing the situation of invalid media content recommendation, avoiding waste of system resources, and improving system performance.

[0164] Figure 8 This is a block diagram illustrating a page display device according to an exemplary embodiment. (Refer to...) Figure 8 The device includes:

[0165] The object material display module 810 is configured to display the first object material and the second object material on a preset display page corresponding to preset media content of a preset business party; the first object material and the second object material are object materials of different objects corresponding to the preset business party;

[0166] The collision handling module 820 is configured to respond to the page jump instruction, control the first object material and the second object material to collide with each other, and display a preset animation including a first preset element, wherein the first preset element is a common element of the two objects corresponding to the first object material and the second object material;

[0167] The page redirection module 830 is configured to redirect to the business page associated with the preset business party after the preset animation ends.

[0168] In an optional embodiment, the object material display module 810 includes:

[0169] The object material display unit is configured to display a first object material and a third object material on a preset display page. The third object material is a second object material configured with a second preset element, and the second preset element is a common element of the two objects.

[0170] The collision control module includes:

[0171] The first collision processing unit is configured to respond to a page jump instruction and control the collision between the first object material and the third object material.

[0172] The second collision processing unit is configured to update the third object material to the second object material and the first object material to the fourth object material when the first object material and the third object material collide with each other, and display a preset animation including the first preset element.

[0173] The fourth object material is the first object material configured with the second preset element.

[0174] In an optional embodiment, the second collision processing unit is further configured to perform the following:

[0175] If the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and a preset animation including the first preset element and the second preset element is displayed.

[0176] In an optional embodiment, the collision processing module 820 includes:

[0177] The third collision processing unit is configured to, when the first object material and the second object material collide with each other, display a first preset element in the collision area corresponding to the first object material and the second object material, and update the first object material and the second object material to the fifth object material;

[0178] Among them, the fifth object material corresponds to the same object as the first object material.

[0179] In an optional embodiment, displaying a preset animation including a first preset element includes:

[0180] The first element display unit is configured to display a first preset element in the collision area corresponding to the first object material and the second object material when the first object material and the second object material collide.

[0181] The fourth collision processing unit is configured to cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to gradually cover the preset display page.

[0182] In an optional embodiment, displaying a preset animation including a first preset element includes:

[0183] The second element display unit is configured to display a first preset element in the collision area corresponding to the first object material and the second object material when the first object material and the second object material collide.

[0184] The fifth collision processing unit is configured to cancel the display of the first object material, the second object material, and the first preset element, and to control the first preset element to extend and display in the preset display page.

[0185] In an optional embodiment, the object material display module 810 is further configured to, during the preset event attention period corresponding to the target event, respond to the media content display instruction and display preset media content, the first object material, and the second object material on the preset display page.

[0186] The preset media content uses the event theme corresponding to the target event as its content theme, and the preset media content includes business elements corresponding to the preset business parties.

[0187] In an optional embodiment, the collision processing module 820 includes:

[0188] The mobile information detection unit is configured to detect the mobile information of the terminal device.

[0189] The collision control unit is configured to trigger a page jump instruction and control the first object material and the second object material to collide with each other when the detected movement information meets preset conditions.

[0190] In an optional embodiment, the page redirection module 830 is further configured to execute a business page that displays associated operation information corresponding to a preset business party and object recommendation information corresponding to at least one recommended object of the preset business party;

[0191] Among them, the associated operation information is used to trigger the establishment of an association between the current user account and the preset business party.

[0192] In an optional embodiment, the object material display module is further configured to display a first object material, a second object material, and a preset prompt message on a preset display page;

[0193] Among them, the preset prompt information is used to indicate that by performing a preset operation, you will be redirected to the business page.

[0194] Regarding the apparatus in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.

[0195] Figure 9 This is a block diagram illustrating an electronic device for displaying a webpage according to an exemplary embodiment. The electronic device may be a terminal, and its internal structure diagram may be as follows: Figure 9 As shown, it may include RF (Radio Frequency) circuitry 910, a memory 920 including one or more computer-readable storage media, an input unit 930, a display unit 940, a sensor 950, an audio circuit 960, a WiFi (Wireless Fidelity) module 970, a processor 980 including one or more processing cores, and a power supply 990, among other components. Those skilled in the art will understand that... Figure 9 The terminal structure shown does not constitute a limitation on the terminal and may include more or fewer components than shown, or combine certain components, or have different component arrangements. Wherein:

[0196] The RF circuit 910 can be used for receiving and transmitting signals during information transmission or calls. Specifically, it receives downlink information from the base station and hands it over to one or more processors 980 for processing; additionally, it transmits uplink data to the base station. Typically, the RF circuit 910 includes, but is not limited to, an antenna, at least one amplifier, a tuner, one or more oscillators, a Subscriber Identity Module (SIM) card, a transceiver, a coupler, an LNA (Low Noise Amplifier), a duplexer, etc. Furthermore, the RF circuit 910 can also communicate wirelessly with networks and other terminals. Wireless communication can use any communication standard or protocol, including but not limited to GSM (Global System for Mobile communication), GPRS (General Packet Radio Service), CDMA (Code Division Multiple Access), WCDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), email, SMS (Short Messaging Service), etc.

[0197] The memory 920 can be used to store software programs and modules. The processor 980 executes various functional applications and data processing by running the software programs and modules stored in the memory 920. The memory 920 may mainly include a program storage area and a data storage area. The program storage area may store the operating system, application programs required for the functions, etc.; the data storage area may store data created according to the use of the terminal, etc. In addition, the memory 920 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, the memory 920 may also include a memory controller to provide access to the memory 920 for the processor 980 and the input unit 930.

[0198] The input unit 930 can be used to receive input digital or character information, and to generate keyboard, mouse, joystick, optical, or trackball signal inputs related to user settings and function control. Specifically, the input unit 930 may include a touch-sensitive surface 931 and other input devices 932. The touch-sensitive surface 931, also known as a touch display screen or touchpad, can collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch-sensitive surface 931), and drive the corresponding connection device according to a pre-set program. Optionally, the touch-sensitive surface 931 may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch position and the signal generated by the touch operation, and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts it into touch point coordinates, sends it to the processor 980, and can receive and execute commands from the processor 980. In addition, the touch-sensitive surface 931 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch-sensitive surface 931, the input unit 930 may also include other input devices 932. Specifically, other input devices 932 may include, but are not limited to, one or more of the following: physical keyboard, function keys (such as volume control buttons, power buttons, etc.), trackball, mouse, joystick, etc.

[0199] The display unit 940 can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces of the terminal. These graphical user interfaces can be composed of graphics, text, icons, video, and any combination thereof. The display unit 940 may include a display panel 941, which may optionally be configured as an LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), or similar display. Further, a touch-sensitive surface 931 may cover the display panel 941. When the touch-sensitive surface 931 detects a touch operation on or near it, it transmits the information to the processor 980 to determine the type of touch event. Subsequently, the processor 980 provides corresponding visual output on the display panel 941 according to the type of touch event. The touch-sensitive surface 931 and the display panel 941 can be two independent components to implement input and output functions; however, in some embodiments, the touch-sensitive surface 931 and the display panel 941 can be integrated to achieve both input and output functions.

[0200] The terminal may also include at least one sensor 950, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor. The ambient light sensor can adjust the brightness of the display panel 941 according to the ambient light level, and the proximity sensor can turn off the display panel 941 and / or backlight when the terminal is moved to the ear. As a type of motion sensor, a gravity acceleration sensor can detect the magnitude of acceleration in various directions (generally three axes). When stationary, it can detect the magnitude and direction of gravity and can be used for applications that identify the terminal's posture (such as landscape / portrait switching, related games, magnetometer posture calibration), vibration recognition-related functions (such as pedometer, tapping), etc. Other sensors that may be configured on the terminal, such as gyroscopes, barometers, hygrometers, thermometers, and infrared sensors, will not be described in detail here.

[0201] Audio circuitry 960, speaker 961, and microphone 962 provide an audio interface between the user and the terminal. Audio circuitry 960 converts received audio data into electrical signals, which are then transmitted to speaker 961, where they are converted into sound signals for output. Conversely, microphone 962 converts collected sound signals into electrical signals, which are received by audio circuitry 960, converted back into audio data, and then processed by processor 980 before being transmitted via RF circuitry 910 to, for example, another terminal, or output to memory 920 for further processing. Audio circuitry 960 may also include an earphone jack to facilitate communication between a peripheral headset and the terminal.

[0202] WiFi is a short-range wireless transmission technology. This terminal, through the WiFi module 970, can help users send and receive emails, browse web pages, and access streaming media, providing users with wireless broadband internet access. Although Figure 9 The WiFi module 970 is shown, but it is understood that it is not a necessary component of the terminal and can be omitted as needed without changing the nature of the invention.

[0203] The processor 980 is the control center of the terminal, connecting various parts of the terminal via various interfaces and lines. It executes software programs and / or modules stored in the memory 920, and calls data stored in the memory 920, to perform various functions and process data, thereby enabling overall monitoring of the terminal. Optionally, the processor 980 may include one or more processing cores; preferably, the processor 980 may integrate an application processor and a modem processor, wherein the application processor mainly handles the operating system, user interface, and applications, while the modem processor mainly handles wireless communication. It is understood that the modem processor may not be integrated into the processor 980.

[0204] The terminal also includes a power supply 990 (such as a battery) to power various components. Preferably, the power supply can be logically connected to the processor 980 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. The power supply 990 may also include one or more DC or AC power supplies, recharging systems, power fault detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0205] Although not shown, the terminal may also include a camera, Bluetooth module, etc., which will not be described in detail here. Specifically, in this embodiment, the display unit of the terminal is a touch screen display, and the terminal also includes a memory and one or more programs, wherein one or more programs are stored in the memory and configured to be executed by one or more processors of the instructions in the method embodiment of the present invention.

[0206] In an exemplary embodiment, an electronic device is also provided, including: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement the page display method as described in the embodiments of this disclosure.

[0207] In an exemplary embodiment, a computer-readable storage medium is also provided, wherein when the instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the page display method of the present disclosure embodiments.

[0208] In an exemplary embodiment, a computer program product containing instructions is also provided, which, when run on a computer, causes the computer to perform the page display method in the embodiments of this disclosure.

[0209] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. This computer program can be stored in a non-volatile computer-readable storage medium. When executed, the computer program can include the processes of the embodiments of the above methods. Any references to memory, storage, databases, or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), dual data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), RAMbus direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and RAMbus dynamic RAM (RDRAM), etc.

[0210] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.

[0211] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A page display method, characterized in that, include: The first and second object materials are displayed on the preset display page corresponding to the preset media content of the preset business party; The first object material and the second object material are object materials of different objects corresponding to the preset business party; The step of displaying the first object material and the second object material on the preset display page corresponding to the preset media content of the preset business party includes: displaying the first object material and the third object material on the preset display page, wherein the third object material is the second object material configured with a second preset element, and the second preset element is a common element of the two objects; In response to a page navigation command, control the first object material and the third object material to collide with each other; In the event of a collision between the first object material and the third object material, the third object material is updated to the second object material, and the first object material is updated to the fourth object material. A preset animation including a first preset element is then displayed. The fourth object material is the first object material configured with the second preset element. The first preset element is a common element of the two objects corresponding to the first object material and the second object material. After the preset animation ends, the user is redirected to the business page associated with the preset business provider.

2. The page display method according to claim 1, characterized in that, The step of updating the third object material to the second object material and updating the first object material to the fourth object material when the first object material and the third object material collide, and displaying a preset animation including the first preset element, includes: In the event that the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and the preset animation including the first preset element and the second preset element is displayed.

3. The page display method according to claim 1, characterized in that, The display includes preset animations for the first preset element, including: When the first object material and the second object material collide with each other, the first preset element is displayed in the collision area corresponding to the first object material and the second object material, and the first object material and the second object material are updated to the fifth object material; The fifth object material corresponds to the same object as the first object material.

4. The page display method according to claim 1, characterized in that, The display includes preset animations for the first preset element, including: When the first object material and the second object material collide with each other, the first preset element is displayed in the collision area corresponding to the first object material and the second object material; Cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to gradually cover the preset display page.

5. The page display method according to claim 1, characterized in that, The display includes preset animations for the first preset element, including: When the first object material and the second object material collide with each other, the first preset element is displayed in the collision area corresponding to the first object material and the second object material; Cancel the display of the first object material, the second object material, and the first preset element, and control the first preset element to extend its display in the preset display page.

6. The page display method according to any one of claims 1 to 5, characterized in that, The display of the first object material and the second object material on the preset display page corresponding to the preset media content of the preset business party includes: During the preset event attention period corresponding to the target event, in response to the media content display instruction, the preset media content, the first object material and the second object material are displayed on the preset display page; The preset media content uses the event theme corresponding to the target event as its content theme, and the preset media content includes business element corresponding to the preset business party.

7. The page display method according to any one of claims 1 to 5, characterized in that, The step of controlling the collision between the first object material and the second object material in response to a page navigation command includes: Detect the movement information of terminal devices; If the detected movement information meets the preset conditions, the page jump instruction is triggered, and the first object material and the second object material are controlled to collide with each other.

8. The page display method according to any one of claims 1 to 5, characterized in that, The redirection to the business page associated with the preset business provider includes: The business page displays the associated operation information corresponding to the preset business party and the object recommendation information of at least one recommended object corresponding to the preset business party; The associated operation information is used to trigger the current user account to establish an association relationship with the preset business party.

9. The page display method according to any one of claims 1 to 5, characterized in that, The display of the first object material and the second object material on the preset display page corresponding to the preset media content of the preset business party includes: The preset display page displays the first object material, the second object material, and preset prompt information; The preset prompt information is used to indicate that the user will be redirected to the business page by performing a preset operation.

10. A page display device, characterized in that, include: The object material display module is configured to display the first object material and the second object material on a preset display page corresponding to preset media content of preset business parties; The first object material and the second object material are object materials of different objects corresponding to the preset business party; The object material display module includes an object material display unit, configured to display a first object material and a third object material on the preset display page, wherein the third object material is the second object material configured with a second preset element, and the second preset element is a common element of the two objects; The collision handling module is configured to respond to a page navigation command by controlling the collision between the first object material and the third object material; when the first object material and the third object material collide, the third object material is updated to the second object material, and the first object material is updated to the fourth object material, and a preset animation including a first preset element is displayed, wherein the fourth object material is the first object material configured with the second preset element, and the first preset element is a common element of the two objects corresponding to the first object material and the second object material; The page redirection module is configured to redirect to the business page associated with the preset business party when the preset animation ends.

11. An electronic device, characterized in that, include: processor; Memory used to store the processor's executable instructions; The processor is configured to execute the instructions to implement the page display method as described in any one of claims 1 to 9.

12. A computer-readable storage medium, characterized in that, When the instructions in the storage medium are executed by the processor of the electronic device, the electronic device is able to perform the page display method as described in any one of claims 1 to 9.

13. A computer program product containing instructions, characterized in that, When the instructions are executed on a computer, the computer performs the page display method as described in any one of claims 1 to 9.

Citation Information

Patent Citations

  • Animation displaying method, device, terminal and server and memory medium

    CN108810132A

  • Content display device, content reception device, program, and content reproduction device

    JP2013219447A