Content display method and device, readable medium, electronic equipment and program product

Abstract

The invention discloses a content display method and device, a readable medium, electronic equipment and a program product. The method comprises the following steps: displaying a content page for displaying a plurality of different contents in a card form; in response to a sliding operation on the content page, controlling the content page to slide so as to display more content cards; and when the content page is slid to the advertisement content display card, displaying a mask layer on the advertisement content card, and controlling the mask layer to display a dynamic effect along with the sliding operation on the content page. Therefore, the attention of the user can be attracted through the dynamic effect of the covering layer, so that the user can quickly pay attention to the advertisement content card, and the exposure rate and / or the conversion effect of the advertisement content card are / is improved. Besides, the cover layer on the advertisement content card can be controlled to display the dynamic effect along with the sliding operation on the content page, so that the user can autonomously control the dynamic effect of the cover layer, the interactivity between the advertisement content card and the user is improved, and the user experience is improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technologies, and in particular, to a content display method, apparatus, readable medium, electronic device, and program product. Background Art

[0002] With the development of computer technologies, more and more content can be displayed through terminal devices. For example, in the advertising field, advertising content can be displayed in terminal devices. However, in related technologies, there are certain limitations when users preview the content displayed in terminal devices. Summary of the Invention

[0003] This summary of the invention is provided to introduce concepts in a brief form, which will be described in detail in the following detailed implementation section. This summary of the invention is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.

[0004] In a first aspect, the present disclosure provides a content display method, which includes: Displaying a content page, where the content page is used to display a plurality of different contents in the form of cards; In response to a sliding operation on the content page, controlling the content page to slide to display more content cards; When the content page is slid to display an advertisement content card, displaying a mask layer on the advertisement content card, and following the sliding operation on the content page, controlling the mask layer to display a dynamic effect, where the dynamic effect is used to display the process of the mask layer being lifted from the advertisement content card, and the advertisement content card is a content card associated with advertisement content.

[0005] In a second aspect, the present disclosure provides a content display apparatus, which includes: A first display module, configured to display a content page, where the content page is used to display a plurality of different contents in the form of cards; A second display module, configured to, in response to a sliding operation on the content page, control the content page to slide to display more content cards; A third display module, configured to, when the content page is slid to display an advertisement content card, display a mask layer on the advertisement content card, and following the sliding operation on the content page, control the mask layer to display a dynamic effect, where the dynamic effect is used to display the process of the mask layer being lifted from the advertisement content card, and the advertisement content card is a content card associated with advertisement content.

[0006] In a third aspect, the present disclosure provides a computer-readable medium having stored thereon a computer program, which when executed by a processing device, implements the steps of the method described in the first aspect.

[0007] In a fourth aspect, the present disclosure provides an electronic device, comprising: a storage device having stored thereon a computer program; a processing device configured to execute the computer program in the storage device to implement the steps of the method described in the first aspect.

[0008] In a fifth aspect, the present disclosure provides a computer program product comprising a computer program, which when executed by a processor, implements the steps of the method described in the first aspect.

[0009] Through the above technical solutions, when the content page is scrolled to display the advertisement content card, a mask layer can be displayed on the advertisement content card, and the dynamic effect of the mask layer can be controlled following the scrolling operation of the content page. Thus, the dynamic effect of the mask layer in the advertisement content card can attract the user's attention, enabling the user to quickly notice the advertisement content card, thereby enhancing the exposure rate and / or conversion effect of the advertisement content card. Additionally, since the dynamic effect of the mask layer displayed on the advertisement content card can be controlled following the scrolling operation of the content page, the user can autonomously control the dynamic effect of the mask layer, thereby increasing the interactivity between the advertisement content card and the user and enhancing the user's preview pleasure and user experience.

[0010] Other features and advantages of the present disclosure will be described in detail in the subsequent specific implementation section. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] In combination with the drawings and with reference to the following specific implementation, the above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the original components and elements are not necessarily drawn to scale. In the drawings: Figure 1 is a flowchart of a content display method shown according to an exemplary embodiment of the present disclosure; Figure 2 is a schematic diagram of controlling the dynamic effect of mask layer display shown according to an exemplary embodiment of the present disclosure; Figure 3 is a schematic diagram of controlling the dynamic effect of mask layer display shown according to another exemplary embodiment of the present disclosure; Figure 4 is a schematic diagram of controlling the dynamic effect of mask layer display shown according to another exemplary embodiment of the present disclosure; Figure 5It is a schematic diagram showing another method for controlling the dynamic effect of the mask display according to an exemplary embodiment of the present disclosure; Figure 6 It is a flowchart showing another content display method according to an exemplary embodiment of the present disclosure; Figure 7 It is a structural block diagram showing another content detection device according to an exemplary embodiment of the present disclosure; Figure 8 It is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present disclosure. Detailed implementation manners

[0012] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Instead, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not used to limit the protection scope of the present disclosure.

[0013] It should be understood that the various steps recited in the method embodiments of the present disclosure can be executed in a different order 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 regard.

[0014] The term "including" and its variations used herein are open-ended, that is, "including but not limited to". The term "based on" is "at least partially based 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.

[0015] 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.

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

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

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

[0019] For example, when responding to an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested by the user 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, an application program, a server, or a storage medium that performs the operations of the technical solutions of the present disclosure according to the prompt message.

[0020] As an optional but non-limiting implementation manner, the manner of sending a prompt message to the user in response to receiving an active request from the user may be, for example, in the form of a pop-up window, and the prompt message may be presented in text in the pop-up window. 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.

[0021] It is understandable that the above process of notifying and obtaining user authorization is only illustrative and does not constitute a limitation on the implementation manner of the present disclosure, and other manners that meet relevant laws and regulations can also be applied to the implementation manner of the present disclosure.

[0022] At the same time, it is understandable that the data involved in the technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the corresponding laws, regulations and related provisions.

[0023] As mentioned in the background art, in the related art, there are certain limitations when a user previews the content displayed on a terminal device.

[0024] Exemplarily, in the e-commerce field, in order to increase the exposure or conversion effect of a target commodity, the target commodity is generally put on the market, so that the target commodity can be displayed on the content page together with ordinary commodity cards in the form of an advertising commodity card. However, since the number of ordinary commodity cards on the content page is generally larger than the number of advertising commodity cards, and the advertising commodity cards are generally mixed with the ordinary commodity cards for display. Therefore, when the user slides the content page to browse the commodity cards, it is often difficult to notice the advertising commodity cards among the numerous commodity cards, resulting in low exposure and / or unsatisfactory conversion effect of the advertising commodity cards.

[0025] To overcome the above technical problems, in the related art, advertising product cards are arranged in front of ordinary product cards for display. However, since the display styles of ordinary product cards and advertising product cards are not very different, it is still difficult to notice the advertising product cards, resulting in problems such as low exposure and / or unsatisfactory conversion effects of the advertising product cards.

[0026] In view of this, the present disclosure provides a content display method, device, readable medium, electronic device, and program product to solve the above technical problems.

[0027] The following further explains the embodiments of the present disclosure with reference to the accompanying drawings.

[0028] Figure 1 is a flowchart of a method shown according to an exemplary embodiment of the present disclosure. Referring to Figure 1 , the method may include the following steps: S101: Display a content page, which is used to display multiple different contents in the form of cards.

[0029] In this embodiment, the content page may be a page in an application for users to browse content. For example, the content page may be a page in a short video application for users to browse product information, or it may be a page in an information sharing application for users to share information. The content page may also be a page in a target platform for users to browse content. For example, it may be a page in an e-commerce platform for users to browse product information. Of course, the content page may also be other pages, and the present disclosure places no restrictions on this.

[0030] In this embodiment, the content displayed in the content page in the form of cards may be products, articles, or others. The present disclosure places no restrictions on this. For example, when a user opens a short video application, the video playback page in the short video application may be displayed first, and a control "Mall" for jumping to the content page may be displayed at the top of the video playback page. When the control "Mall" is triggered by an operation such as clicking, the content page may be displayed, and multiple different products may be displayed in the content page in the form of cards.

[0031] S102: In response to a sliding operation on the content page, control the content page to slide to display more content cards.

[0032] S103: When the content page is slid to display an advertising content card, display a mask layer on the advertising content card, and control the mask layer to display a dynamic effect following the sliding operation on the content page, where the dynamic effect is used to display the process of the mask layer being lifted from the advertising content card, and the advertising content card is a content card associated with the advertising content.

[0033] Exemplarily, continuing to refer to the above example, when multiple different products are displayed in the form of cards on the content page, the user can slide the content page upward to display more product cards. When the advertisement content card starts to be displayed on the content page, a mask layer can be displayed on the advertisement content card. Then, following the operation of the user sliding the content page upward, the mask layer can be controlled to be lifted from the advertisement content card, as Figure 2 shown.

[0034] Through the above technical solution, when the content page is scrolled to display the advertisement content card, a mask layer can be displayed on the advertisement content card, and the dynamic effect of the mask layer can be controlled following the scrolling operation of the content page. Thus, the dynamic effect of the mask layer in the advertisement content card can attract the user's attention, enabling the user to quickly notice the advertisement content card, thereby improving the exposure rate and / or conversion effect of the advertisement content card. In addition, since the dynamic effect of the mask layer displayed on the advertisement content card can be controlled following the scrolling operation of the content page, the user can independently control the dynamic effect of the mask layer, thereby increasing the interactivity between the advertisement content card and the user and enhancing the user's preview pleasure and user experience.

[0035] To facilitate understanding of the content display method provided by the present disclosure, the possible implementation manners in the present disclosure are described below.

[0036] In a possible manner, following the scrolling operation of the content page to control the dynamic effect of the mask layer may include: Following the scrolling operation of the content page to control the mask layer to display a page-turning dynamic effect, where the page-turning dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card, and the page-turning amplitude corresponding to the page-turning dynamic effect changes following the scrolling operation.

[0037] Exemplarily, continuing to refer to the above example, when the user makes the advertisement content card be displayed at the first position in the content page by sliding the content page upward, the page-turning amplitude corresponding to the page-turning dynamic effect may be as Figure 3 shown in (a). When the user makes the advertisement content card be displayed at the second position in the content page by sliding the content page upward, the page-turning amplitude corresponding to the page-turning dynamic effect may be as Figure 3 shown in (b).

[0038] Through the above method, the page-turning amplitude corresponding to the page-turning dynamic effect can be made to change following the scrolling operation, so that the page-turning amplitude can be independently controlled by the user. On the one hand, the interactivity between the advertisement content card and the user can be increased, and the user experience can be enhanced; on the other hand, the presentation effect of the advertisement content in the advertisement content card can also be enhanced, thereby attracting the user's attention, enabling the user to quickly notice the advertisement content card, and further improving the exposure rate and conversion effect of the advertisement content card.

[0039] In a possible way, following the sliding operation on the content page, controlling the mask layer to display a page-turning dynamic effect may include: Following the first sliding operation on the content page, controlling the mask layer to start unfolding from the edge of the advertisement content card; after the first sliding operation ends, maintaining the target display state where the mask layer is unfolded from the advertisement content card; following the second sliding operation on the content page, controlling the mask layer to start unfolding the mask layer from the advertisement content card from the target display state, or, following the third sliding operation on the content page, controlling the mask layer to start covering the mask layer on the advertisement content card from the target display state, where the sliding directions corresponding to the first sliding operation and the second sliding operation are the same, and the sliding directions corresponding to the first sliding operation and the third sliding operation are opposite.

[0040] Exemplarily, continuing to refer to the above example, when the user slides the content page upward to make the mask layer unfold from the edge of the advertisement content card to Figure 3 the position shown in (b) and then stops sliding, the unfolded state of the mask layer on the advertisement content card is maintained. If the user subsequently slides the content page upward continuously, then control the mask layer to start Figure 3 unfolding from the position shown in (b) and continue to unfold from the advertisement content card. If the user subsequently slides the content page downward, then control the mask layer to start Figure 3 covering the unfolded part of the mask layer back on the advertisement content card from the position shown in (b).

[0041] Through the above method, following the first sliding operation on the content page, the mask layer can be controlled to start unfolding from the edge of the advertisement content card, and after the first sliding operation ends, the target display state where the mask layer is unfolded from the advertisement content card can be maintained, and subsequently, following the sliding operation on the content page, the mask layer can be controlled to continue unfolding from the target display state from the advertisement content card, or the mask layer can be controlled to cover the advertisement content card from the target display state. Thus, the page-turning dynamic of the mask layer can be completely controlled by the user independently, that is: the user can control the unfolding and covering of the mask layer according to their own will and rhythm, which not only increases the interactivity between the user and the advertisement content card, but also can increase the preview pleasure of the user for the advertisement content card, further enhancing the user experience.

[0042] In a possible way, following the sliding operation on the content page, controlling the mask layer to display a dynamic effect may include: Following a fourth sliding operation on the content page in a first direction, control the mask layer to display a first dynamic effect, where the first dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card towards a second direction, where the first direction is different from the second direction; or, following a fifth sliding operation on the content page in the second direction, control the mask layer to display a second dynamic effect, where the second dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card towards the first direction.

[0043] In this embodiment, when the mask layer is lifted from the edge of the advertisement content card towards the second direction or the first direction, it can start to be lifted from a corner of the edge of the advertisement content card, or from a side of the edge of the advertisement content card. Of course, it can also be lifted from other places on the edge of the advertisement content card. The embodiments of the present disclosure do not impose any restrictions on this. That is to say, in possible ways, the first dynamic effect can be used to display the process of the mask layer being lifted from a first target position on the edge of the advertisement content card towards the second direction, and the second dynamic effect can be used to display the process of the mask layer being lifted from a second target position on the edge of the advertisement content card towards the first direction, where the first target position and the second target position include positions corresponding to a corner or a side of the edge of the advertisement content card, and the first target position is different from the second target position.

[0044] In this embodiment, the first direction and the second direction can be determined according to the actual situation, and the embodiments of the present disclosure do not impose any restrictions on this.

[0045] Exemplarily, the first direction can be set to be upward along the height direction of the content page, and the second direction can be set to be downward along the height direction of the content page. Thus, when the content page is scrolled upward until the advertisement content card starts to be displayed, a mask layer can be displayed on the advertisement content card, and following the operation of the user scrolling the content page upward, the mask layer can be lifted downward from the top edge of the advertisement content card, as Figure 2 shown. When the content page is scrolled downward until the advertisement content card starts to be displayed, a mask layer can be displayed on the advertisement content card, and following the operation of the user scrolling the content page downward, the mask layer can be lifted upward from the bottom edge of the advertisement content card, as Figure 4 shown.

[0046] Through the above method, the mask layer displayed on the advertisement content card can be lifted from different directions. On the one hand, it can enrich the diversity of the effect animation and further improve the user experience. On the other hand, since the lifting direction of the mask layer is different from the sliding direction of the sliding operation, thus, when the advertisement content card is not fully displayed on the content page, following the lifting of the mask layer, the advertisement content that is not covered by the mask layer in the advertisement content card can be synchronously displayed. On the one hand, it can quickly view the advertisement content in the advertisement content card, and on the other hand, it can enhance the presentation effect of the advertisement content in the advertisement content card, thereby attracting the user's attention, enabling the user to quickly notice the advertisement content card, and further improving the exposure rate and conversion effect of the advertisement content card.

[0047] In a possible way, following the sliding operation on the content page, controlling the dynamic effect of the mask layer display may include: Following the sixth sliding operation on the content page, controlling the mask layer to display the third dynamic effect, where the third dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card; after the third dynamic effect is displayed, following the seventh sliding operation on the content page, controlling the mask layer to display the fourth dynamic effect, where the fourth dynamic effect is used to display the process of the mask layer covering the advertisement content card, and the sliding directions of the sixth sliding operation and the seventh sliding operation are the same.

[0048] Exemplarily, continuing to refer to the above example, when the content page is swiped upward until the advertisement content card starts to be displayed, a mask layer can be displayed on the advertisement content card, and following the user's operation of swiping the content page upward, the mask layer can be controlled to be lifted downward from the top edge of the advertisement content card. When the mask layer is completely lifted from the advertisement content card, if the user continues to swipe the content page upward, then following the user's sliding operation, the mask layer can be controlled to cover the advertisement content card, as Figure 5 shown. When the mask layer covers the advertisement content card, the covering direction of the mask layer can be the same as the sliding direction, that is, the mask layer can cover from the top edge of the advertisement content card in the sliding direction, or it can be opposite to the sliding direction, that is, the mask layer can cover from the top edge of the advertisement content card in the opposite direction of the sliding direction. The embodiments of the present disclosure do not make any restrictions on this.

[0049] Through the above method, following the sixth sliding operation on the content page, the mask layer can be controlled to be lifted from the edge of the advertisement content card, and after the mask layer is lifted from the edge of the advertisement content card, following the seventh sliding operation on the content page, the mask layer can be controlled to cover the advertisement content card again. Thus, during the sliding process, there can always be a mask layer animation display in the advertisement content card, thereby further attracting the user's attention and improving the exposure rate and conversion effect of the advertisement content card.

[0050] Among possible ways, the advertisement content card includes an advertisement product card. Correspondingly, information associated with the main product in the advertisement product card is displayed in the overlay.

[0051] In this embodiment, the main product may be a physical product, a virtual service product, an application program, etc. When the main product is a physical product, the main product may be an electronic device, home clothing, a smart home, etc. When the main product is a virtual service product, the main product may be a photography service, a home decoration service, etc. When the main product is an application program, the main product may be a social software, a drawing software, a video editing software, etc.

[0052] In this embodiment, the information associated with the main product may be an introduction to the core function of the main product, a product picture of the main product, or of course others. The embodiments of the present disclosure do not impose any restrictions on this.

[0053] Through the above method, information associated with the main product in the product content card can be displayed in the overlay. Thus, not only is the display content in the content page enriched, but also the information associated with the main product can be more intuitively presented, further enhancing the user experience.

[0054] Among possible ways, when the product content card is fully displayed in the content page, in response to a trigger operation on the product content card, a product details page corresponding to the main product in the product content card can be displayed, enabling the user to quickly understand the detailed information of the main product, such as product color, product size, and the core function of the product.

[0055] To facilitate further understanding of the content display method provided by the present disclosure, the content display method provided by the present disclosure is further described below in conjunction with each step: Exemplarily, as Figure 6 shown, when the user opens the short video application, the video playback page in the short video application can be first displayed, and a control "Mall" for jumping to the content page can be displayed at the top of the video playback page. When the control "Mall" is triggered through an operation such as clicking, the content page can be displayed, and a product list can be displayed in the form of cards in the content page. When the user swipes up the content page and swipes to the point where the advertisement product card just starts to be displayed in the content page, an overlay can be displayed on the advertisement product card, and following the operation of the user swiping up the content page, the overlay can be controlled to be lifted from the advertisement product card. After the overlay is completely lifted from the advertisement product card, if the user clicks on the advertisement product card, the product details page corresponding to the main product in the advertisement product card can be jumped to. If the user continues to swipe up the content page, the overlay can be controlled to cover the advertisement product card following the user's swiping operation.

[0056] Based on the same concept, embodiments of the present disclosure also provide a content display device, as Figure 7 shown, the content display device 700 may include: A first display module 701 for displaying a content page, and the content page is used to display a plurality of different contents in the form of cards; A second display module 702 for controlling the sliding of the content page in response to a sliding operation on the content page to display more content cards; A third display module 703 for, when the content page is slid to display an advertisement content card, displaying a mask layer on the advertisement content card and controlling the mask layer to display a dynamic effect following the sliding operation on the content page, wherein the dynamic effect is used to display the process of the mask layer being lifted from the advertisement content card, and the advertisement content card is a content card associated with advertisement content.

[0057] Through the above content display device 700, when the content page is slid to display an advertisement content card, a mask layer can be displayed on the advertisement content card, and the mask layer can be controlled to display a dynamic effect following the sliding operation on the content page. Thus, the dynamic effect of the mask layer in the advertisement content card can attract the user's attention, enabling the user to quickly notice the advertisement content card, thereby improving the exposure rate and / or conversion effect of the advertisement content card. In addition, since the dynamic effect of the mask layer displayed on the advertisement content card can be controlled following the sliding operation on the content page, the user can independently control the dynamic effect of the mask layer, thereby increasing the interactivity between the advertisement content card and the user and enhancing the user's preview pleasure and user experience.

[0058] In a possible manner, the third display module 703 may be used to control the mask layer to display a page-turning dynamic effect following the sliding operation on the content page, wherein the page-turning dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card, and the page-turning amplitude corresponding to the page-turning dynamic effect changes following the sliding operation.

[0059] In a possible manner, the third display module 703 may include: A first processing unit for controlling the mask layer to start lifting from the edge of the advertisement content card following a first sliding operation on the content page; A second processing unit for maintaining the target display state of the mask layer being lifted from the advertisement content card after the first sliding operation ends; A third processing unit, configured to control the mask layer to start lifting the mask layer from the advertisement content card following a second sliding operation on the content page, or to control the mask layer to start covering the advertisement content card following a third sliding operation on the content page, wherein the sliding directions corresponding to the first sliding operation and the second sliding operation are the same, and the sliding directions corresponding to the first sliding operation and the third sliding operation are opposite.

[0060] In a possible manner, the third display module 703 may be configured to control the mask layer to display a first dynamic effect following a fourth sliding operation on the content page along a first direction, wherein the first dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card towards a second direction, and the first direction is different from the second direction; or to control the mask layer to display a second dynamic effect following a fifth sliding operation on the content page along the second direction, wherein the second dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card towards the first direction.

[0061] In a possible manner, the first dynamic effect is used to display the process of the mask layer being lifted from a first target position at the edge of the advertisement content card towards the second direction, and the second dynamic effect is used to display the process of the mask layer being lifted from a second target position at the edge of the advertisement content card towards the first direction, wherein the first target position and the second target position include positions corresponding to a corner or a side of the edge of the advertisement content card, and the first target position is different from the second target position.

[0062] In a possible manner, the third display module 703 may include: A first display unit, configured to control the mask layer to display a third dynamic effect following a sixth sliding operation on the content page, wherein the third dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card; A second display unit, configured to control the mask layer to display a fourth dynamic effect following a seventh sliding operation on the content page after the third dynamic effect is displayed, wherein the fourth dynamic effect is used to display the process of the mask layer covering the advertisement content card, and the sliding directions of the sixth sliding operation and the seventh sliding operation are the same.

[0063] In a possible manner, the advertisement content card includes an advertisement product card, and information associated with the main product in the advertisement product card is displayed in the mask layer.

[0064] Based on the same concept, an embodiment of the present disclosure further provides a computer-readable medium, on which a computer program is stored, and when the program is executed by a processing device, the steps of any of the above content display methods are implemented.

[0065] Based on the same concept, an embodiment of the present disclosure further provides an electronic device, which may include: A storage device on which a computer program is stored; A processing device for executing the computer program in the storage device to implement the steps of any of the above content display methods.

[0066] Based on the same concept, an embodiment of the present disclosure also provides a computer program product, including a computer program, which when executed by a processor implements the steps of any of the above content display methods.

[0067] The following refers to Figure 8 , which shows a schematic structural diagram of an electronic device 800 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Tablet Computers), PMPs (Portable Multimedia Players), in-vehicle terminals (such as in-vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 8 The electronic device shown is only an example and should not impose any limitations on the functions and usage scope of the embodiments of the present disclosure.

[0068] As Figure 8 shown, the electronic device 800 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 801, which can perform various appropriate actions and processes according to the program stored in the read-only memory (ROM) 802 or the program loaded from the storage device 808 into the random access memory (RAM) 803. In the RAM 803, various programs and data required for the operation of the electronic device 800 are also stored. The processing device 801, the ROM 802, and the RAM 803 are connected to each other through a bus 804. The input / output (I / O) interface 805 is also connected to the bus 804.

[0069] Generally, the following devices may be connected to the I / O interface 805: an input device 806 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 807 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 808 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 809. The communication device 809 can allow the electronic device 800 to communicate with other devices wirelessly or wiredly to exchange data. Although Figure 8 shows the electronic device 800 having various devices, it should be understood that it is not required to implement or have all the shown devices. Instead, more or fewer devices may be implemented or had.

[0070] In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, an embodiment of the present disclosure includes a computer program product that includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes program code for performing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network via the communication device 809, or installed from the storage device 808, or installed from the ROM 802. When the computer program is executed by the processing device 801, the above-described functions defined in the method of the embodiment of the present disclosure are performed.

[0071] It should be noted that the above-mentioned computer-readable medium in the present disclosure can be a computer-readable signal medium or a computer-readable storage medium or any combination of the two. The computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to: an electrical connection having 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, the computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, the computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium other than the computer-readable storage medium, and the computer-readable signal medium can 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 can be transmitted by any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0072] In some embodiments, any currently known or future-developed network protocol such as HTTP (HyperText Transfer Protocol) can be used for communication, and it can be interconnected with digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include local area networks (“LAN”), wide area networks (“WAN”), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0073] The above computer-readable medium can be included in the above electronic device; or it can exist separately and not be assembled into the electronic device.

[0074] The above computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to: display a content page for displaying a plurality of different contents in the form of cards; in response to a sliding operation on the content page, control the sliding of the content page to display more content cards; when the content page is slid to display an advertisement content card, display a mask on the advertisement content card and, following the sliding operation on the content page, control the mask to display a dynamic effect, where the dynamic effect is used to display the process of the mask being lifted from the advertisement content card, and the advertisement content card is a content card associated with the advertisement content.

[0075] Computer program code for performing the operations of the present disclosure can be written in one or more programming languages or combinations thereof. The programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the “C” language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, executed as a stand-alone 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 it can be connected to an external computer (e.g., by using an Internet service provider to connect through the Internet).

[0076] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of a program, or a portion of code that contains one or more executable instructions for implementing a specified logical function. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur in a different order than noted in the drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified functions or operations, or by a combination of dedicated hardware and computer instructions.

[0077] The modules described in the embodiments of the present disclosure can be implemented in software or in hardware. In some cases, the name of a module does not constitute a limitation on the module itself.

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

[0079] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0080] According to one or more embodiments of the present disclosure, Example 1 provides a content display method, which includes: displaying a content page for displaying a plurality of different contents in the form of cards; in response to a sliding operation on the content page, controlling the content page to slide to display more content cards; when the content page is slid to display an advertisement content card, displaying a mask layer on the advertisement content card and controlling the mask layer to display a dynamic effect following the sliding operation on the content page, where the dynamic effect is used to display the process of the mask layer being lifted from the advertisement content card, and the advertisement content card is a content card associated with the advertisement content.

[0081] According to one or more embodiments of the present disclosure, Example 2 provides the content display method of Example 1. Controlling the mask layer to display a dynamic effect following the sliding operation on the content page includes: controlling the mask layer to display a page-turning dynamic effect following the sliding operation on the content page, where the page-turning dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card, and the page-turning amplitude corresponding to the page-turning dynamic effect changes following the sliding operation.

[0082] According to one or more embodiments of the present disclosure, Example 3 provides the content display method of Example 2. Controlling the mask layer to display a page-turning dynamic effect following the sliding operation on the content page includes: following a first sliding operation on the content page, controlling the mask layer to start lifting from the edge of the advertisement content card; after the first sliding operation ends, maintaining the target display state of the mask layer being lifted from the advertisement content card; following a second sliding operation on the content page, controlling the mask layer to start lifting the mask layer from the advertisement content card from the target display state, or following a third sliding operation on the content page, controlling the mask layer to start covering the mask layer on the advertisement content card from the target display state, where the sliding directions corresponding to the first sliding operation and the second sliding operation are the same, and the sliding directions corresponding to the first sliding operation and the third sliding operation are opposite.

[0083] According to one or more embodiments of the present disclosure, Example 4 provides the content display method of Example 1. Controlling the mask layer to display a dynamic effect following the sliding operation on the content page includes: following a fourth sliding operation on the content page along a first direction, controlling the mask layer to display a first dynamic effect, where the first dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card towards a second direction, where the first direction is different from the second direction; or following a fifth sliding operation on the content page along the second direction, controlling the mask layer to display a second dynamic effect, where the second dynamic effect is used to display the process of the mask layer being lifted from the edge of the advertisement content card towards the first direction.

[0084] According to one or more embodiments of the present disclosure, Example 5 provides the content display method of Example 4. The first dynamic effect is used to display the process in which the mask is lifted from the first target position at the edge of the advertisement content card in the second direction, and the second dynamic effect is used to display the process in which the mask is lifted from the second target position at the edge of the advertisement content card in the first direction. Wherein, the first target position and the second target position include positions corresponding to a corner or an edge of the advertisement content card edge, and the first target position is different from the second target position.

[0085] According to one or more embodiments of the present disclosure, Example 6 provides the content display method of Example 1. Following the sliding operation on the content page, controlling the dynamic effect of the mask display includes: following the sixth sliding operation on the content page, controlling the mask to display the third dynamic effect, wherein the third dynamic effect is used to display the process in which the mask is lifted from the edge of the advertisement content card; after the display of the third dynamic effect ends, following the seventh sliding operation on the content page, controlling the mask to display the fourth dynamic effect, wherein the fourth dynamic effect is used to display the process in which the mask covers the advertisement content card, and the sliding directions of the sixth sliding operation and the seventh sliding operation are the same.

[0086] According to one or more embodiments of the present disclosure, Example 7 provides the content display method of any one of Examples 1-6. The advertisement content card includes an advertisement product card, and information associated with the main product in the advertisement product card is displayed in the mask.

[0087] According to one or more embodiments of the present disclosure, Example 8 provides a content display device. The content display device includes: a first display module for displaying a content page, and the content page is used to display a plurality of different contents in the form of cards; a second display module for responding to the sliding operation on the content page and controlling the content page to slide to display more content cards; a third display module for when the content page is slid to display an advertisement content card, displaying a mask on the advertisement content card and following the sliding operation on the content page to control the mask to display a dynamic effect, wherein the dynamic effect is used to display the process in which the mask is lifted from the advertisement content card, and the advertisement content card is a content card associated with the advertisement content.

[0088] According to one or more embodiments of the present disclosure, Example 9 provides a computer-readable medium, on which a computer program is stored, and when the program is executed by a processing device, the steps of the content display method of any one of Examples 1-7 are implemented.

[0089] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, including: a storage device on which a computer program is stored; a processing device for executing the computer program in the storage device to implement the steps of the content display method of any one of Examples 1-7.

[0090] According to one or more embodiments of the present disclosure, Example 11 provides a computer program product including a computer program, which when executed by a processor, implements the steps of the content display method according to any one of Examples 1-7.

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

[0092] In addition, although the operations are depicted in a particular order, this should not be construed as requiring that the operations be performed in the particular order shown or in sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, although a number of specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features described in the context of separate embodiments may also be implemented combinatorially in a single embodiment. Conversely, the various features described in the context of a single embodiment may also be implemented separately or in any suitable sub-combination in multiple embodiments.

[0093] Although the subject matter has been described in language specific to structural features and / or methodological act logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms for implementing the claims. Regarding the apparatus in the above embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method, and will not be elaborated herein.

Claims

1. A content display method, characterized in that: The content display method comprises: Display a content page, wherein the content page is used to display multiple different contents in the form of cards; In response to a sliding operation on the content page, controlling the content page to slide to display more content cards; When the content page is slid to display an advertising content card, a cover layer is displayed on the advertising content card, and following the sliding operation of the content page, the cover layer is controlled to display a dynamic effect, wherein the dynamic effect is used to display the process of the cover layer being lifted from the advertising content card, and the advertising content card is a content card associated with the advertising content.

2. The content display method according to claim 1, characterized in that: Following the sliding operation on the content page, controlling the mask to display a dynamic effect includes: Following a sliding operation on the content page, the mask is controlled to display a page turning dynamic effect, wherein the page turning dynamic effect is used to display a process in which the mask is flipped open from the edge of the advertising content card, and the page turning amplitude corresponding to the page turning dynamic effect changes with the sliding operation.

3. The content display method according to claim 2, characterized in that: Following the sliding operation on the content page, controlling the mask to display a page turning dynamic effect includes: Following a first sliding operation on the content page, controlling the cover to be opened from the edge of the advertisement content card; After the first sliding operation is completed, maintaining the target display state in which the cover is lifted from the advertisement content card; Following a second sliding operation on the content page, the mask is controlled to be opened from the advertising content card starting from the target display state, or, following a third sliding operation on the content page, the mask is controlled to be covered on the advertising content card starting from the target display state, wherein the sliding directions corresponding to the first sliding operation and the second sliding operation are the same, and the sliding directions corresponding to the first sliding operation and the third sliding operation are opposite.

4. The content display method according to claim 1, characterized in that: Following the sliding operation on the content page, controlling the mask to display a dynamic effect includes: Following a fourth sliding operation on the content page along the first direction, controlling the mask to display a first dynamic effect, wherein the first dynamic effect is used to display a process in which the mask is opened from the edge of the advertisement content card toward a second direction, wherein the first direction is different from the second direction; or Following a fifth sliding operation on the content page along the second direction, the mask is controlled to display a second dynamic effect, wherein the second dynamic effect is used to display a process in which the mask is opened from the edge of the advertising content card toward the first direction.

5. The content display method according to claim 4, characterized in that: The first dynamic effect is used to display the process of the mask being opened from a first target position on the edge of the advertising content card toward the second direction, and the second dynamic effect is used to display the process of the mask being opened from a second target position on the edge of the advertising content card toward the first direction, wherein the first target position and the second target position include positions corresponding to a corner or an edge of the edge of the advertising content card, and the first target position is different from the second target position.

6. The content display method according to claim 1, characterized in that: Following the sliding operation on the content page, controlling the mask to display a dynamic effect includes: Following a sixth sliding operation on the content page, controlling the mask layer to display a third dynamic effect, wherein the third dynamic effect is used to display a process in which the mask layer is opened from an edge of the advertisement content card; After the third dynamic effect is displayed, following the seventh sliding operation on the content page, the mask is controlled to display a fourth dynamic effect, wherein the fourth dynamic effect is used to display the process of the mask covering the advertising content card, wherein the sliding directions of the sixth sliding operation and the seventh sliding operation are the same.

7. The content display method according to any one of claims 1 to 6, characterized in that: The advertisement content card includes an advertisement product card, and the mask layer displays information related to the main product in the advertisement product card.

8. A content display device, characterized in that: The content display device comprises: A first display module, used to display a content page, wherein the content page is used to display a plurality of different contents in the form of cards; A second display module, configured to control the content page to slide in response to a sliding operation on the content page, so as to display more content cards; The third display module is used to display a mask on the advertising content card when the content page is slid to display the advertising content card, and to control the mask to display a dynamic effect following the sliding operation of the content page, wherein the dynamic effect is used to display the process of the mask being lifted from the advertising content card, and the advertising content card is a content card associated with the advertising content.

9. A computer readable medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processing device, the steps of the method according to any one of claims 1 to 7 are implemented.

10. An electronic device, characterized in that: include: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the steps of the method according to any one of claims 1 to 7.

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

Images