CN114138391A - Information list carousel method, system and computer storage medium - Google Patents
Information list carousel method, system and computer storage medium Download PDFInfo
- Publication number
- CN114138391A CN114138391A CN202111471333.9A CN202111471333A CN114138391A CN 114138391 A CN114138391 A CN 114138391A CN 202111471333 A CN202111471333 A CN 202111471333A CN 114138391 A CN114138391 A CN 114138391A
- Authority
- CN
- China
- Prior art keywords
- list
- carousel
- seamless
- event
- rolling
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000005096 rolling process Methods 0.000 claims abstract description 103
- 238000012544 monitoring process Methods 0.000 claims abstract description 61
- 230000004044 response Effects 0.000 claims abstract description 37
- 230000001960 triggered effect Effects 0.000 claims abstract description 26
- 238000012545 processing Methods 0.000 claims description 26
- 238000004590 computer program Methods 0.000 claims description 8
- 230000008569 process Effects 0.000 abstract description 8
- 230000003993 interaction Effects 0.000 abstract description 6
- 230000000694 effects Effects 0.000 description 13
- 238000004891 communication Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 6
- 230000002452 interceptive effect Effects 0.000 description 5
- 230000007704 transition Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000016776 visual perception Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a method, a system and a computer storage medium for information list carousel, wherein the method comprises the following steps: creating a manual rolling list, and binding the manual rolling list with a corresponding timer event, wherein the timer event is used for automatically carousel the manual rolling list in unit time to form a seamless carousel list; adding a mouse monitoring event and a rolling response event to the seamless carousel list; monitoring whether the mouse is moved into a seamless carousel list or not according to the mouse monitoring event; if yes, controlling the seamless carousel list to stop automatic carousel through a timer event, and monitoring whether a rolling response event is triggered; and if the list is triggered, switching the seamless carousel list to a manual scrolling list. By means of automatic deployment of the signal data receiving and transmitting terminal, the technical problem that user interaction experience is reduced due to the fact that the carousel list in the prior art is lack of operability or active push function in the using process is solved.
Description
Technical Field
The present application relates to the field of information processing, and in particular, to a method, a system, and a computer storage medium for information list carousel.
Background
With the maturity of front-end development technology, better page experience effect is more important, and the application using the carousel map in the page is more visible everywhere.
In the prior art, carousel modes of an information list comprise seamless carousel and manual carousel, and the use of the seamless carousel list is generally limited to the display effect of the seamless carousel list, for example, banner advertisement space carousel of a home page, and carousel of different visual large-screen charts, and the operation aspect is limited to click skip and left-right or up-down sliding of the carousel list; the manual scrolling list is manually operated on the basis of the carousel list, pages are smoothly scrolled, users can take initiative and select data concerned by the users instead of data pushed by the system regularly, when the traditional seamless carousel list is used, the requirement of displaying the data can be provided for the users, the real operability and the initiative requirement of the users are not concerned, when the manual scrolling list is used, the operation is complex, the data cannot be actively displayed, and the interactive experience of the users is reduced.
Disclosure of Invention
The embodiment of the application provides an information list carousel method, an information list carousel system and a computer storage medium, which are used for at least solving the technical problem that user interaction experience is reduced due to the fact that a carousel list in the prior art is lack of operability or active push function in the using process.
In order to achieve the above object, in one aspect, an embodiment of the present invention provides an information list carousel method, where the method includes:
creating a manual rolling list and binding the manual rolling list with a corresponding timer event, wherein the timer event is used for enabling the manual rolling list to automatically rotate within a unit time to form a seamless rotation list;
adding a mouse monitoring event and a rolling response event to the seamless carousel list;
monitoring whether a mouse is moved into the seamless carousel list or not according to the mouse monitoring event;
if yes, controlling the seamless carousel list to stop automatic carousel through the timer event, and monitoring whether the rolling response event is triggered;
and if the seamless carousel list is triggered, switching the seamless carousel list to the manual scrolling list.
As a further preferred aspect of the present invention, after the step of switching the seamless carousel list to the manual scroll list if the trigger is issued, the method further includes:
monitoring whether the mouse moves out of the manual rolling list or not according to the mouse monitoring event;
and if so, switching the manual rolling list to the seamless carousel list.
As a further preferable aspect of the present invention, if yes, the step of switching the manual scroll list to the seamless carousel list specifically includes:
and calculating the offset position of a carousel body in the manual rolling list, and controlling the carousel body through the timer event to automatically carousel by taking the offset position as a starting point to form the seamless carousel list.
As a further preferred aspect of the present invention, after the step of switching the manual scroll list to the seamless carousel list if the manual scroll list is valid, the method further includes:
judging whether the manual rolling list is successfully switched to the seamless carousel list or not;
and if the manual rolling list cannot be successfully switched to the seamless carousel list, restarting the timer event.
As a further preferable scheme of the present invention, the step of monitoring whether the scroll response event is triggered specifically includes:
monitoring whether the height of the rolling top of the seamless carousel list is greater than 0;
and if the rolling response event is greater than 0, judging that the rolling response event is triggered.
On the other hand, an embodiment of the present invention further provides an information list carousel system, including:
the device comprises a creating module, a searching module and a display module, wherein the creating module is used for creating a manual rolling list and binding the manual rolling list with a corresponding timer event, and the timer event is used for enabling the manual rolling list to automatically rotate in turn within unit time to form a seamless rotating list;
the extension module is used for adding a mouse monitoring event and a rolling response event to the seamless carousel list;
the first monitoring module is used for monitoring whether the mouse is moved into the seamless carousel list or not according to the mouse monitoring event;
the first processing module is used for controlling the seamless carousel list to stop automatic carousel through the timer event and monitoring whether the rolling response event is triggered or not if the fact that the mouse moves into the seamless carousel list is monitored;
and the second processing module is used for switching the seamless carousel list to the manual scrolling list if the fact that the scrolling response event is triggered is monitored.
As a further preferable aspect of the present invention, the system further includes:
the third monitoring module is used for monitoring whether the mouse moves out of the manual rolling list or not according to the mouse monitoring event;
and the third processing module is used for switching the manual rolling list to the seamless carousel list if the condition that the mouse is moved out of the manual rolling list is monitored.
As a further preferable aspect of the present invention, the third processing module includes:
and the third processing unit is used for calculating the offset position of the carousel body in the manual rolling list, and controlling the carousel body to automatically carousel by taking the offset position as a starting point through the timer event to form the seamless carousel list.
As a further preferable aspect of the present invention, the first processing module includes:
the first monitoring unit is used for monitoring whether the height of the rolling top of the seamless carousel list is greater than 0;
and the first processing unit is used for judging that the rolling response event is triggered if the rolling top height of the seamless carousel list is larger than 0.
The invention also provides a computer storage medium, which comprises a memory, a processor and a computer program stored on the memory and capable of running on the processor, wherein the processor executes the program to realize the information list carousel method.
According to the information list carousel method, the information list carousel system and the computer storage medium, smooth transition of effects of a seamless carousel list and a manual rolling list is achieved by monitoring an event dynamic switching list through a mouse, the method and the system pause a switching event of the seamless carousel list by using a moving-in event of the mouse, simultaneously switch the seamless carousel list into the manual rolling list according to a rolling response event, support manual rolling, achieve switching between the seamless carousel list and the manual rolling list, actively push data, simultaneously meet requirements of a user on operability, and solve the technical problem that the carousel list in the prior art is lack of operability or active push function in the using process, and accordingly user interaction experience is reduced.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
fig. 1 is a flowchart of an information list carousel method according to a first embodiment of the present invention;
fig. 2 is an overall processing flowchart of an information list carousel method according to a first embodiment of the present invention;
fig. 3 is a schematic structural diagram of an information list carousel system according to a second embodiment of the present invention;
fig. 4 is a schematic diagram of a hardware structure of a computer device according to a fourth embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application will be described and illustrated below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments provided in the present application without any inventive step are within the scope of protection of the present application.
It is obvious that the drawings in the following description are only examples or embodiments of the present application, and that it is also possible for a person skilled in the art to apply the present application to other similar contexts on the basis of these drawings without inventive effort. Moreover, it should be appreciated that in the development of any such actual implementation, as in any engineering or design project, numerous implementation-specific decisions must be made to achieve the developers' specific goals, such as compliance with system-related and business-related constraints, which may vary from one implementation to another.
Reference in the specification to "an embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of the specification. The appearances of the phrase in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. Those of ordinary skill in the art will explicitly and implicitly appreciate that the embodiments described herein may be combined with other embodiments without conflict.
Unless defined otherwise, technical or scientific terms referred to herein shall have the ordinary meaning as understood by those of ordinary skill in the art to which this application belongs. Reference to "a," "an," "the," and similar words throughout this application are not to be construed as limiting in number, and may refer to the singular or the plural. The present application is directed to the use of the terms "including," "comprising," "having," and any variations thereof, which are intended to cover non-exclusive inclusions; for example, a process, method, system, article, or apparatus that comprises a list of steps or modules (elements) is not limited to the listed steps or elements, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus. Reference to "connected," "coupled," and the like in this application is not intended to be limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect. The term "plurality" as referred to herein means two or more. "and/or" describes an association relationship of associated objects, meaning that three relationships may exist, for example, "A and/or B" may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship. Reference herein to the terms "first," "second," "third," and the like, are merely to distinguish similar objects and do not denote a particular ordering for the objects.
The embodiment of the invention aims to provide an information list carousel method which is applied to the technical field of computers. Specifically, the seamless carousel list is a relatively common interactive display mode in the UI component in the front-end field. It is based on an algorithm that causes the content to be displayed sequentially on the screen and continuously show the effect end to end. The method has the advantages that corresponding application is provided in different system home pages, official websites and display large screens, data consistency, richness of page contents and improvement of system visual perception can be achieved, and the carousel list can be found in domestic mobile phone, Taobao and Kyoto home pages.
The use of seamless carousel lists is generally limited to its display, such as banner ad spot carousel on the home page, visual large-screen different-chart carousel, and the operation aspect is limited to click-to-jump and slide the carousel list left and right or up and down.
On the one hand, the appearance of the seamless carousel list is associated with its corresponding algorithm, which uses the end-to-end of the data layers and the time difference set by the timing animation to make the page smoothly transit to the infinite loop scrolling effect through the delay effect.
On the other hand, the seamless carousel technology supports the use of three front-end technology stacks vue, real and regular, the community open source ecology is active and convenient for front-end developers to use, but the seamless carousel technology does not have a standard version, and developers use the methods and must research and develop according to the corresponding characteristics of the seamless carousel technology by combining the use scenes of the developers. Some UI component libraries of third parties are also available in the market, and are realized by the same technical mode, and can be selectively used according to the UI style in the system. However, a problem arises in that the first, dependent third party libraries need to be continually updated with their iterative versions, sometimes introduced only for the purpose of using one of the components. Secondly, the mode of realizing the UI component libraries cannot meet the requirements of the system. Because these UI component libraries can only satisfy general requirements for scene, there cannot be different schemes for each scene, and the extensibility is poor. And the third and different UI component libraries have poor realization effect, which results in poor page interaction effect.
The seamless carousel component is frequently researched and developed for developers according to the requirements, corresponding research and development time is increased according to different requirements, and a good solution is not provided for frequent operation interaction and manual list scrolling, so that a lot of developers are stranded.
In order to solve the technical problems of the prior information list carousel method, embodiments of the present invention aim to provide an information list carousel method, in which a mouse monitors an event dynamic switching list to achieve smooth transition of effects of a seamless carousel list and a manual scrolling list, and the method and the system suspend a switching event of the seamless carousel list by using a shift-in event of the mouse, and simultaneously switch the seamless carousel list into the manual scrolling list according to a scrolling response event, support manual scrolling, achieve switching between the seamless carousel list and the manual scrolling list, actively push data, and simultaneously meet requirements of a user on operability, thereby solving the technical problem that the carousel list in the prior art lacks operability or lacks an active push function in a use process, resulting in reduction of user interaction experience.
Specifically, the information list carousel method according to the embodiment of the present invention includes: creating a manual rolling list, and binding the manual rolling list with a corresponding timer event, wherein the timer event is used for automatically rolling the manual rolling list within a unit time to form a seamless rolling list; adding a mouse monitoring event and a rolling response event to the seamless carousel list; monitoring whether a mouse is moved into the seamless carousel list or not according to the mouse monitoring event; if yes, controlling the seamless carousel list to stop automatic carousel through the timer event, and monitoring whether the rolling response event is triggered; and if the seamless carousel list is triggered, switching the seamless carousel list to the manual scrolling list. The method and the system pause the switching event of the carousel list by utilizing the moving-in event of the mouse, simultaneously switch the carousel list into the rolling list to support manual rolling, and switch the list into the carousel list to continue the carousel after the mouse is moved out, thereby realizing the support of the manual rolling event in the carousel event.
Example one
Referring to fig. 1 and fig. 2, fig. 1 is a flowchart illustrating an information list carousel method according to a first embodiment of the present invention, where the method includes the following steps:
step S101, a manual rolling list is created, and a corresponding timer event is bound to the manual rolling list, wherein the timer event is used for enabling the manual rolling list to automatically rotate in turn within unit time to form a seamless rotation list;
specifically, the creation of a manual scrolling list requires calculation of an initial unit scrolling height, a height of a list visible area and simulation seamless splicing data of a carousel list, the manual scrolling list is manually operated on the basis of the carousel list, pages are smoothly scrolled, a user is allowed to take the initiative to select data concerned by the user, a timer event is added on the basis of the manual scrolling list to form timing push data of the seamless carousel list, the unit scrolling height of the carousel body is changed regularly in unit time to meet the requirement of actively providing display data for the user, wherein the unit scrolling height is a calculated height of moving a line of characters upwards, and a changed offset position is a translateY attribute of the carousel body.
Step S102, adding a mouse monitoring event and a rolling response event to the seamless carousel list;
specifically, in this embodiment, a mouse monitor event, that is, an onmouseover event, monitors whether the mouse moves into the designated area through the onmouseover event, a scroll response event, that is, a browser default scroll event, monitors an onscroll, and monitors whether the scroll of the carousel is triggered by the mouse through the onscroll.
Step S103, monitoring whether a mouse moves into the seamless carousel list or not according to the mouse monitoring event;
step S104, if yes, controlling the seamless carousel list to stop automatic carousel through the timer event, and monitoring whether the rolling response event is triggered;
specifically, when the onmouseover event monitors that the mouse moves into the designated area, the carousel timer, that is, setTimeout, is suspended.
Specifically, when the mouse moves into the seamless carousel list, monitoring whether the height of the rolling top of the seamless carousel list is greater than 0;
and if the rolling response event is greater than 0, judging that the rolling response event is triggered.
And step S105, if the seamless carousel list is triggered, switching the seamless carousel list to the manual scrolling list. Indicating a user action.
As a further preferred aspect of the present invention, after the step of switching the seamless carousel list to the manual scroll list if the trigger is issued, the method further includes:
monitoring whether the mouse moves out of the manual rolling list or not according to the mouse monitoring event;
and if so, switching the manual rolling list to the seamless carousel list.
The mouse moving-in and moving-out events are browser I/O monitoring events, specifically, a mouseEnter event and a mouseLeave event.
Particularly, the reason why the mouseEnter is used instead of the mouseover is that the mouseEnter does not consume performance because the mouseEnter performs a throttling function; similarly, the same applies to mouseseal.
As a further preferable aspect of the present invention, if yes, the step of switching the manual scroll list to the seamless carousel list specifically includes:
and calculating the offset position of a carousel body in the manual rolling list, and controlling the carousel body through the timer event to automatically carousel by taking the offset position as a starting point to form the seamless carousel list.
Specifically, when the seamless carousel list is switched to a manual rolling list, the list deviation position of the manual rolling is calculated, the position point of the corresponding carousel body needing to be deviated is modified, after the deviation position of the carousel body is calculated, the carousel body is restarted, the next round of seamless carousel is performed, the specific calculation mode is that the scrolltop height of the manual rolling list is calculated, the scrolltop is assigned to the transform deviation distance of the carousel body, finally, the timer is adjusted to the corresponding parameter, the timer is restarted, and it is ensured that the UI effect of the switched component cannot be misplaced.
As a further preferred aspect of the present invention, after the step of switching the manual scroll list to the seamless carousel list if the manual scroll list is valid, the method further includes:
judging whether the manual rolling list is successfully switched to the seamless carousel list or not;
and if the manual rolling list cannot be successfully switched to the seamless carousel list, restarting the timer event.
And automatically and again rotating the carousel by taking the initial position of the carousel body as a starting point.
In addition, in this embodiment, the code for mouse-in listening for event responses is as follows:
the code to listen for mouse out events is as follows:
according to the information list carousel method, smooth transition of the effect of a seamless carousel list and a manual rolling list is achieved by monitoring an event dynamic switching list through a mouse, the method and the system pause the switching event of the seamless carousel list by using a moving-in event of the mouse, simultaneously switch the seamless carousel list into the manual rolling list according to a rolling response event, support manual rolling, achieve switching between the seamless carousel list and the manual rolling list, actively push data and meet the requirement of a user on operability, and the technical problem that the interactive experience of the user is reduced due to lack of operability or active push function of the carousel list in the prior art is solved.
Example two
The present invention also provides an information list carousel system, as shown in fig. 3, the system includes:
a creating module 10, configured to create a manual scrolling list, and bind the manual scrolling list to a corresponding timer event, where the timer event is used for automatically carousel the manual scrolling list in a unit time to form a seamless carousel list;
an extension module 20, configured to add a mouse listening event and a scroll response event to the seamless carousel list;
the first monitoring module 31 is configured to monitor whether a mouse is moved into the seamless carousel list according to the mouse monitoring event;
a first processing module 32, configured to control the seamless carousel list to stop automatic carousel through the timer event if it is monitored that the mouse moves into the seamless carousel list, and monitor whether the rolling response event is triggered;
a second processing module 41, configured to switch the seamless carousel list to the manual scrolling list if it is monitored that the scrolling response event is triggered.
Further, the system further comprises:
a third monitoring module 51, configured to monitor whether the mouse moves out of the manual scroll list according to the mouse monitoring event;
a third processing module 52, configured to switch the manual scrolling list to the seamless carousel list if it is monitored that the mouse moves out of the manual scrolling list.
Further, the third processing module 52 includes:
a third processing unit 521, configured to calculate an offset position of a carousel in the manual scrolling list, and control the carousel by using the timer event to automatically carousel at the offset position as a starting point, so as to form the seamless carousel list.
Further, the first processing module 32 includes:
a first monitoring unit 321, configured to monitor whether a height of a rolling top of the seamless carousel list is greater than 0;
a first processing unit 322, configured to determine that the scroll response event is triggered if it is monitored that the height of the top of the seamless carousel list is greater than 0.
Further, the system further comprises:
a judging module 61, configured to judge whether the manual scrolling list is successfully switched to the seamless carousel list;
a restart module 62, configured to restart the timer event if the manual scrolling list cannot be successfully switched to the seamless carousel list.
According to the information list carousel system, smooth transition of the effect of a seamless carousel list and a manual rolling list is achieved by monitoring an event dynamic switching list through a mouse, the method and the system pause the switching event of the seamless carousel list by using a moving-in event of the mouse, simultaneously switch the seamless carousel list into the manual rolling list according to a rolling response event, support manual rolling, achieve switching between the seamless carousel list and the manual rolling list, actively push data and meet the requirement of a user on operability, and solve the technical problem that the interactive experience of the user is reduced due to lack of operability or active push function of the carousel list in the prior art in the using process.
EXAMPLE III
The invention also provides a computer storage medium comprising a memory, a processor and a computer program stored on the memory and executable on the processor, which when executed by the processor implements the method described above.
According to the computer storage medium, the technical scheme is adopted, so that the smooth transition of the effects of the seamless carousel list and the manual rolling list is realized by monitoring the dynamic switching list of the events through the mouse, the method and the system pause the switching event of the seamless carousel list by using the moving-in event of the mouse, simultaneously switch the seamless carousel list into the manual rolling list according to the rolling response event, support the manual rolling, realize the switching between the seamless carousel list and the manual rolling list, actively push data and meet the requirement of a user on operability, and the technical problem that the interactive experience of the user is reduced due to the fact that the carousel list in the prior art lacks operability or lacks the active push function in the using process is solved.
Example four
In addition, the information list carousel method described in conjunction with fig. 1 in the embodiment of the present application may be implemented by a computer device. Fig. 4 is a hardware configuration diagram of a computer device according to a fourth embodiment of the present application.
The computer device may comprise a processor 81 and a memory 82 in which computer program instructions are stored.
Specifically, the processor 81 may include a Central Processing Unit (CPU), or A Specific Integrated Circuit (ASIC), or may be configured to implement one or more Integrated circuits of the embodiments of the present Application.
The memory 82 may be used to store or cache various data files for processing and/or communication use, as well as possible computer program instructions executed by the processor 81.
The processor 81 implements any one of the information list carousel methods in the above embodiments by reading and executing computer program instructions stored in the memory 82.
In some of these embodiments, the computer device may also include a communication interface 83 and a bus 80. As shown in fig. 4, the processor 81, the memory 82, and the communication interface 83 are connected via the bus 80 to complete communication therebetween.
The communication interface 83 is used for implementing communication between modules, devices, units and/or equipment in the embodiment of the present application. The communication interface 83 may also enable communication with other components such as: the data communication is carried out among external equipment, image/data acquisition equipment, a database, external storage, an image/data processing workstation and the like.
The computer device may execute the information list carousel method in the embodiment of the present application based on the obtained instruction, thereby implementing the information list carousel method described in conjunction with fig. 1.
In addition, in combination with the information list carousel method in the foregoing embodiments, the embodiments of the present application may provide a computer storage medium to implement. The computer storage medium having computer program instructions stored thereon; the computer program instructions, when executed by a processor, implement any of the information list carousel methods in the above embodiments.
The technical features of the embodiments described above may be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the embodiments described above are not described, but should be considered as being within the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.
Claims (10)
1. An information list carousel method, the method comprising:
creating a manual rolling list and binding the manual rolling list with a corresponding timer event, wherein the timer event is used for enabling the manual rolling list to automatically rotate within a unit time to form a seamless rotation list;
adding a mouse monitoring event and a rolling response event to the seamless carousel list;
monitoring whether a mouse is moved into the seamless carousel list or not according to the mouse monitoring event;
if yes, controlling the seamless carousel list to stop automatic carousel through the timer event, and monitoring whether the rolling response event is triggered;
and if the seamless carousel list is triggered, switching the seamless carousel list to the manual scrolling list.
2. A method for information list carousel according to claim 1, wherein after the step of switching the seamless carousel list to the manual scrolling list if triggered, the method further comprises:
monitoring whether the mouse moves out of the manual rolling list or not according to the mouse monitoring event;
and if so, switching the manual rolling list to the seamless carousel list.
3. The information list carousel method according to claim 2, wherein if yes, the step of switching the manual scrolling list to the seamless carousel list specifically comprises:
and calculating the offset position of a carousel body in the manual rolling list, and controlling the carousel body through the timer event to automatically carousel by taking the offset position as a starting point to form the seamless carousel list.
4. A method for carousel information lists according to claim 2, wherein if so, after the step of switching the manual scrolling list to the seamless carousel list, the method further comprises:
judging whether the manual rolling list is successfully switched to the seamless carousel list or not;
and if the manual rolling list cannot be successfully switched to the seamless carousel list, restarting the timer event.
5. The information list carousel method according to claim 1, wherein the step of monitoring whether the scroll response event is triggered specifically comprises:
monitoring whether the height of the rolling top of the seamless carousel list is greater than 0;
and if the rolling response event is greater than 0, judging that the rolling response event is triggered.
6. An information list carousel system, wherein the information list carousel system employs the method of any one of claims 1 to 5, comprising:
the device comprises a creating module, a searching module and a display module, wherein the creating module is used for creating a manual rolling list and binding the manual rolling list with a corresponding timer event, and the timer event is used for enabling the manual rolling list to automatically rotate in turn within unit time to form a seamless rotating list;
the extension module is used for adding a mouse monitoring event and a rolling response event to the seamless carousel list;
the first monitoring module is used for monitoring whether the mouse is moved into the seamless carousel list or not according to the mouse monitoring event;
the first processing module is used for controlling the seamless carousel list to stop automatic carousel through the timer event and monitoring whether the rolling response event is triggered or not if the fact that the mouse moves into the seamless carousel list is monitored;
and the second processing module is used for switching the seamless carousel list to the manual scrolling list if the fact that the scrolling response event is triggered is monitored.
7. An information list carousel system according to claim 6, wherein the system further comprises:
the third monitoring module is used for monitoring whether the mouse moves out of the manual rolling list or not according to the mouse monitoring event;
and the third processing module is used for switching the manual rolling list to the seamless carousel list if the condition that the mouse is moved out of the manual rolling list is monitored.
8. The information list carousel system of claim 7, wherein the third processing module comprises:
and the third processing unit is used for calculating the offset position of the carousel body in the manual rolling list, and controlling the carousel body to automatically carousel by taking the offset position as a starting point through the timer event to form the seamless carousel list.
9. The information list carousel system of claim 6, wherein the first processing module comprises:
the first monitoring unit is used for monitoring whether the height of the rolling top of the seamless carousel list is greater than 0;
and the first processing unit is used for judging that the rolling response event is triggered if the rolling top height of the seamless carousel list is larger than 0.
10. A computer storage medium comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1 to 5 when executing the program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111471333.9A CN114138391A (en) | 2021-12-04 | 2021-12-04 | Information list carousel method, system and computer storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111471333.9A CN114138391A (en) | 2021-12-04 | 2021-12-04 | Information list carousel method, system and computer storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114138391A true CN114138391A (en) | 2022-03-04 |
Family
ID=80387911
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111471333.9A Pending CN114138391A (en) | 2021-12-04 | 2021-12-04 | Information list carousel method, system and computer storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114138391A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107885814A (en) * | 2017-11-06 | 2018-04-06 | 北京金风科创风电设备有限公司 | Method and device for displaying carousel pictures |
| CN110134899A (en) * | 2019-04-17 | 2019-08-16 | 平安科技（深圳）有限公司 | Page data carousel method, device, computer equipment and storage medium |
| CN111104114A (en) * | 2019-12-11 | 2020-05-05 | 深圳震有科技股份有限公司 | Method, system and equipment for realizing self-state controllable carousel picture assembly |
| CN112650401A (en) * | 2020-12-24 | 2021-04-13 | 北京百度网讯科技有限公司 | Information carousel method and device, electronic equipment and storage medium |
-
2021
- 2021-12-04 CN CN202111471333.9A patent/CN114138391A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107885814A (en) * | 2017-11-06 | 2018-04-06 | 北京金风科创风电设备有限公司 | Method and device for displaying carousel pictures |
| CN110134899A (en) * | 2019-04-17 | 2019-08-16 | 平安科技（深圳）有限公司 | Page data carousel method, device, computer equipment and storage medium |
| CN111104114A (en) * | 2019-12-11 | 2020-05-05 | 深圳震有科技股份有限公司 | Method, system and equipment for realizing self-state controllable carousel picture assembly |
| CN112650401A (en) * | 2020-12-24 | 2021-04-13 | 北京百度网讯科技有限公司 | Information carousel method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9479568B2 (en) | Application switcher | |
| CN105867714B (en) | Application program method for down loading, apparatus and system | |
| CN106131650B (en) | Video processing method and mobile terminal | |
| US20130147849A1 (en) | Display apparatus for displaying screen divided into a plurality of areas and method thereof | |
| CN108319708B (en) | Video playing method and device, storage medium and electronic equipment | |
| CN104571877A (en) | Display processing method and device for pages | |
| CN109218819B (en) | Video preview method and mobile terminal | |
| EP4161082A1 (en) | Video playback control method and apparatus, electronic device, and storage medium | |
| WO2016107325A1 (en) | Page resource loading method and device based on mobile terminal | |
| CN104954872B (en) | video downloading method, video playing device, mobile terminal and storage medium | |
| CN110597612B (en) | Intelligent equipment task management method and device | |
| CN103279269A (en) | Method, device and terminal equipment for data interaction among application programs | |
| US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
| US20200028961A1 (en) | Switching presentations of representations of objects at a user interface | |
| CN104808889A (en) | Page switching method and electronic equipment | |
| CN112148178A (en) | Application switching method and device, electronic equipment and readable storage medium | |
| CN104601535B (en) | Method for processing video frequency and system | |
| CN105681648A (en) | Picture viewing method and device and electronic equipment | |
| CN103761253A (en) | Display system and display method for cartoon | |
| CN101483694B (en) | Playing control method and apparatus for vector animation | |
| AU2016205616A1 (en) | Method of displaying content and electronic device implementing same | |
| US20230276079A1 (en) | Live streaming room page jump method and apparatus, live streaming room page return method and apparatus, and electronic device | |
| US20220167059A1 (en) | Method, device, terminal equipment and computer-readable storage medium for synchronous display of video information | |
| CN112099694A (en) | Desktop control processing method and device | |
| CN114138391A (en) | Information list carousel method, system and computer storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |