CN108196931A - A kind of floating layer display module and method for display extension information - Google Patents
A kind of floating layer display module and method for display extension information Download PDFInfo
- Publication number
- CN108196931A CN108196931A CN201810087888.5A CN201810087888A CN108196931A CN 108196931 A CN108196931 A CN 108196931A CN 201810087888 A CN201810087888 A CN 201810087888A CN 108196931 A CN108196931 A CN 108196931A
- Authority
- CN
- China
- Prior art keywords
- information
- window
- floating layer
- extension
- displaying
- 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.)
- Withdrawn
Links
Abstract
The invention discloses a kind of for showing the floating layer display module of extension information, it includes system windows, information displaying window and floating layer window are equipped in the system windows, the original state of the floating layer window is hidden state, described information displaying window is used to show essential information, for showing essential information and extension information, the system windows are used to monitor mouse event, and perform the floating layer window：When mouse does not click on information displaying window, described information displaying window displaying essential information is utilized；When mouse click information shows window, floating layer window is popped up in the present position of described information displaying window, utilizes floating layer window displaying essential information and extension information；When mouse leaves the floating layer window, the floating layer window is hidden, and by described information displaying window displaying essential information.The present invention quickly shows the extension information of stock in the original location by way of a mouse click, and unnecessary information is hidden in normal use, and then bring better user experience.
Description
Technical field
The present invention relates to information displaying method more particularly to a kind of floating layer display modules and side for display extension information
Method.
Background technology
In the prior art, the software product for information displaying is simply to show all information mostly, including believing substantially
Breath and extension information, do not support hide and show extension information function, support hide and display extension information technical side
In case, mainly realized by switching the modes such as display pattern and pop-up independent window.For example, in stock management system,
User, if the extension information of stock can be checked easily and fast, can be obviously improved the service efficiency of user in transaction.It is existing
Some extension method for information display mainly include two categories below：
Scheme one：Switch display pattern, switch to big window or full frame display pattern, expand the size of window, from
And the extension information display area of bigger is provided, after big window display pattern is switched to, the expansion of window causes this method
Information display position rearranges, and the attention of user has jump, and user is not when needing to check extension information, it is also necessary to again
Secondary operation switches back into wicket pattern, and user experience is poor.
Scheme two：Independent window is popped up, extension information is shown in independent window, the pop-up of this independent window can block
The information of lower windows, and the information of independent window rearranges, and can lead to the jump of user, and check information
After, operation is needed to close window, it is not convenient enough.
Invention content
The technical problem to be solved in the present invention is, in view of the deficiencies of the prior art, provides a kind of form by floating layer
The method that displaying all extends information, user under normal circumstances, only show essential information, and then user-friendly, raising
The floating layer display module and method of user experience.
In order to solve the above technical problems, the present invention adopts the following technical scheme that.
A kind of floating layer display module for display extension information includes system windows, is set in the system windows
There are information displaying window and floating layer window, the original state of the floating layer window is hidden state, and described information displaying window is used to show base
This information, for showing essential information and extension information, the system windows are used to monitor mouse event, and hold the floating layer window
Row：When mouse does not click on information displaying window, described information displaying window displaying essential information is utilized；When mouse click information is shown
During window, floating layer window is popped up in the present position of described information displaying window, is believed using floating layer window displaying essential information and extension
Breath；When mouse leaves the floating layer window, the floating layer window is hidden, and by described information displaying window displaying essential information.
Preferably, be equipped with multiple information displaying window and multiple floating layer windows in the system windows, described information displaying window and
Floating layer window corresponds.
Preferably, multiple information displaying windows are from top to bottom arranged in order.
Preferably, the essential information and extension information are stock information.
Preferably, the size adjustable of the system windows and information displaying window, the system windows are used for：Work as described information
When showing the display area of window increases, the extension information of respective numbers in the floating layer window as essential information and is added to letter
Breath displaying window；When the display area of described information displaying window reduces, described information is shown to the basic letter of respective numbers in window
Breath is as extension information and is added to floating layer window.
A kind of floating layer methods of exhibiting for display extension information, this method realize that the module includes based on a module
There are system windows, information displaying window and floating layer window are equipped in the system windows, the original state of the floating layer window is to hide shape
State, for showing essential information, the floating layer window is used to show essential information and extension information, the side described information displaying window
Method includes the following steps：Step S1, the system windows monitor mouse event, if mouse does not click on information displaying window, perform
Step S2 if mouse click information shows window, performs step S3；Step S2 utilizes the basic letter of described information displaying window displaying
Breath；Step S3 pops up floating layer window in the present position of described information displaying window, essential information and expansion is shown using the floating layer window
Open up information；Step S4, when mouse leaves the floating layer window, the floating layer window is hidden, and by described information displaying window displaying base
This information.
Preferably, the size adjustable of the system windows and information displaying window, the method further include following steps：Work as institute
When stating the display area of information displaying window increases, the extension information of respective numbers in the floating layer window as essential information and is added
Add to information displaying window；When the display area of described information displaying window reduces, described information is shown into respective numbers in window
Essential information is as extension information and is added to floating layer window.
Floating layer display module and method disclosed by the invention for display extension information, compared to existing technologies
Advantageous effect is that the present invention quickly shows the extension information of stock in the original location by way of a mouse click, removes mouse
Information floating layer is extended after mark to close.User can easily increase the information content that window can obtain when needed, and initial
When state, normal use, unnecessary information is hidden, and then bring better user experience.
Description of the drawings
Fig. 1 is the structure diagram that system windows and information show window.
Fig. 2 is the structure diagram of system windows and floating layer window.
Fig. 3 is that system windows and information show structure diagram of the window after size is adjusted.
Fig. 4 is the structure diagram of system windows and floating layer window after size is adjusted.
Fig. 5 is the flow chart of floating layer methods of exhibiting in the preferred embodiment of the present invention.
Specific embodiment
The present invention is described in more detail with reference to the accompanying drawings and examples.
The invention discloses a kind of for showing the floating layer display module of extension information, with reference to shown in Fig. 1 and Fig. 2, packet
System windows 1 have been included, information displaying window 2 is equipped in the system windows 1 and floating layer window 3, the original state of the floating layer window 3 are
Hidden state, described information displaying window 2 for showing essential information, for showing essential information and extending believe by the floating layer window 3
Breath, the system windows 1 are used to monitor mouse event, and perform：
When mouse does not click on information displaying window 2, essential information is shown using described information displaying window 2；
When mouse click information shows window 2, in the present position pop-up floating layer window 3 of described information displaying window 2, institute is utilized
It states floating layer window 3 and shows essential information and extension information；
When mouse leaves the floating layer window 3, the floating layer window 3 is hidden, and is shown substantially by described information displaying window 2
Information.
In above-mentioned floating layer display module, for showing stock information, when user click data window, existed by floating layer
Original position display all extends information.By this method, user when in need, can quickly check the whole of stock
Information is extended, and in normal use, important essential information is only shown, so as to effectively using source of screen, bring more preferable
User experience.The present invention is based on mouse click events, and all information of corresponding stock is obtained by market system, passes through floating layer
It shows all information, after mouse grand window region is detected, closes floating layer and show.The present invention having compared to existing technologies
Beneficial effect is that width and required to be shown extension information of the present invention according to existing display box are dynamically adapted floating layer
The height of window, and the position of floating layer window and parent window position consistency, avoid the jump of attention, in adjustment floating layer height
Meanwhile in view of the characteristics of stock certificate data, extension information is kept to be arranged in the way of two one group, it is convenient for extension letter
The comparison of breath.
Multiple information displaying window 2 and multiple floating layer windows 3 are equipped with as a kind of preferred embodiment, in the system windows 1, it is described
Information shows that window 2 and floating layer window 3 correspond.Further, multiple information displaying windows 2 are from top to bottom arranged in order.
Present invention is preferably applicable to stock management system, the essential information and extension information are stock information.
About the adjustment of window, with reference to shown in Fig. 3 and Fig. 4, the size of the system windows 1 and information displaying window 2 can
It adjusts, the system windows 1 are used for：
When the display area of described information displaying window 2 increases, the extension information of respective numbers in the floating layer window 3 is made
Window 2 is shown for essential information and added to information；
When the display area of described information displaying window 2 reduces, described information is shown to the basic letter of respective numbers in window 2
Breath is as extension information and is added to floating layer window 3.
In order to preferably describe technical scheme of the present invention, the invention also discloses a kind of for showing the floating of extension information
Layer methods of exhibiting, with reference to shown in Fig. 1, Fig. 2 and Fig. 5, this method is realized based on a module, and the module includes system windows 1,
Information displaying window 2 and floating layer window 3 are equipped in the system windows 1, the original state of the floating layer window 3 is hidden state, described
For showing essential information, the floating layer window 3 is used to show essential information and extension information, the method packet information displaying window 2
Include following steps：
Step S1, the system windows 1 monitor mouse event, if mouse does not click on information displaying window 2, perform step
S2 if mouse click information shows window 2, performs step S3；
Step S2 shows essential information using described information displaying window 2；
In the present position pop-up floating layer window 3 of described information displaying window 2, base is shown using the floating layer window 3 by step S3
This information and extension information；
Step S4, when mouse leaves the floating layer window 3, the floating layer window 3 is hidden, and is opened up by described information displaying window 2
Show essential information.
In the above method, the size adjustable of the system windows 1 and information displaying window 2, the method further includes following step
Suddenly：
When the display area of described information displaying window 2 increases, the extension information of respective numbers in the floating layer window 3 is made
Window 2 is shown for essential information and added to information；
When the display area of described information displaying window 2 reduces, described information is shown to the basic letter of respective numbers in window 2
Breath is as extension information and is added to floating layer window 3.
The implementation procedure of floating layer methods of exhibiting of the present invention can refer to following examples：First, information displaying window is shown substantially
Information, system windows monitor mouse event, after it captures mouse-click event, manage system by stock market, obtain
Extended info field to be shown needed for corresponding stock；Again by two one group of classification extended info fields, according to parent window position,
Width calculates position and the size of floating layer window；Floating layer window is popped up on parent window position later, extension is drawn in floating layer window
While listening for mouse moving event, after mouse removes floating layer region, floating layer window is automatically closed in information.
Floating layer display module and method disclosed by the invention for display extension information passes through the side of a mouse click
Formula quickly shows the extension information of stock in the original location, and extension information floating layer is closed after removing mouse.User when needed may be used
Easily to increase the information content that window can obtain, and in original state, normal use, unnecessary information is hidden, into
And bring better user experience.
The above is preferred embodiments of the present invention, is not intended to restrict the invention, all technology models in the present invention
Interior done modification, equivalent replacement or improvement etc. are enclosed, should be included in the range of of the invention protect.
Claims (10)
1. a kind of floating layer display module for display extension information, which is characterized in that include system windows (1), the system
It unites and information displaying window (2) and floating layer window (3) is equipped in window (1), the original state of the floating layer window (3) is hidden state, institute
Information displaying window (2) is stated for showing essential information, the floating layer window (3) is described for showing essential information and extension information
System windows (1) perform for monitoring mouse event：
When mouse does not click on information displaying window (2), essential information is shown using described information displaying window (2)；
When mouse click information shows window (2), in the present position of described information displaying window (2) pop-up floating layer window (3), utilize
Floating layer window (3) the displaying essential information and extension information；
When mouse leaves floating layer window (3), the floating layer window (3) is hidden, and is shown substantially by described information displaying window (2)
Information.
2. the floating layer display module as described in claim 1 for display extension information, which is characterized in that the system windows
(1) multiple information displaying window (2) and multiple floating layer windows (3) are equipped in, described information displaying window (2) and floating layer window (3) one are a pair of
It should.
3. the floating layer display module as claimed in claim 2 for display extension information, which is characterized in that multiple information displayings
Window (2) is from top to bottom arranged in order.
4. the floating layer display module as described in claim 1 for display extension information, which is characterized in that the essential information
It is stock information with extension information.
5. the floating layer display module as described in claim 1 for display extension information, which is characterized in that the system windows
(1) it is used for the size adjustable of information displaying window (2), the system windows (1)：
When the display area of described information displaying window (2) increases, the extension information of respective numbers in the floating layer window (3) is made
Window (2) is shown for essential information and added to information；
When the display area of described information displaying window (2) reduces, by the basic letter of respective numbers in described information displaying window (2)
Breath is as extension information and is added to floating layer window (3).
6. a kind of floating layer methods of exhibiting for display extension information, which is characterized in that this method is realized based on a module, described
Module includes system windows (1), and information displaying window (2) and floating layer window (3), the floating layer are equipped in the system windows (1)
The original state of window (3) is hidden state, and for showing essential information, the floating layer window (3) is used for described information displaying window (2)
Show essential information and extension information, described method includes following steps：
Step S1, the system windows (1) monitor mouse event, if mouse does not click on information displaying window (2), perform step
S2, if mouse click information displaying window (2), performs step S3；
Step S2 shows essential information using described information displaying window (2)；
In the present position of described information displaying window (2) pop-up floating layer window (3), base is shown using the floating layer window (3) by step S3
This information and extension information；
Step S4, when mouse leaves floating layer window (3), the floating layer window (3) is hidden, and by described information displaying window (2)
Show essential information.
7. the floating layer methods of exhibiting as claimed in claim 6 for display extension information, which is characterized in that the system windows
(1) multiple information displaying window (2) and multiple floating layer windows (3) are equipped in, described information displaying window (2) and floating layer window (3) one are a pair of
It should.
8. the floating layer methods of exhibiting as claimed in claim 7 for display extension information, which is characterized in that multiple information displayings
Window (2) is from top to bottom arranged in order.
9. the floating layer methods of exhibiting as claimed in claim 6 for display extension information, which is characterized in that the essential information
It is stock information with extension information.
10. the floating layer methods of exhibiting as claimed in claim 6 for display extension information, which is characterized in that the system window
The size adjustable of mouth (1) and information displaying window (2), the method further include following steps：
When the display area of described information displaying window (2) increases, the extension information of respective numbers in the floating layer window (3) is made
Window (2) is shown for essential information and added to information；
When the display area of described information displaying window (2) reduces, by the basic letter of respective numbers in described information displaying window (2)
Breath is as extension information and is added to floating layer window (3).
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810087888.5A CN108196931A (en) | 2018-01-30 | 2018-01-30 | A kind of floating layer display module and method for display extension information |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810087888.5A CN108196931A (en) | 2018-01-30 | 2018-01-30 | A kind of floating layer display module and method for display extension information |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108196931A true CN108196931A (en) | 2018-06-22 |
Family
ID=62591774
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810087888.5A Withdrawn CN108196931A (en) | 2018-01-30 | 2018-01-30 | A kind of floating layer display module and method for display extension information |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108196931A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109471692A (en) * | 2018-10-24 | 2019-03-15 | 维沃移动通信有限公司 | A kind of display control method and terminal device |
| CN110221885A (en) * | 2019-04-23 | 2019-09-10 | 维沃软件技术有限公司 | A kind of interface display method and terminal device |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102999535A (en) * | 2011-09-19 | 2013-03-27 | 阿里巴巴集团控股有限公司 | Information display method, information acquisition method, client terminal and server |
| CN103019516A (en) * | 2012-12-10 | 2013-04-03 | 北京奇虎科技有限公司 | Method and equipment for displaying page |
| CN103064609A (en) * | 2011-10-21 | 2013-04-24 | 联想(北京)有限公司 | Display method and device of extended information |
| US20130268837A1 (en) * | 2012-04-10 | 2013-10-10 | Google Inc. | Method and system to manage interactive content display panels |
| CN103513889A (en) * | 2012-06-25 | 2014-01-15 | 北京新媒传信科技有限公司 | Method for rapidly inputting dynamic information in social network site |
| CN103678496A (en) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and system for adjusting screening display of search page |
| CN104699682A (en) * | 2013-12-04 | 2015-06-10 | 腾讯科技（北京）有限公司 | Information processing method and device |
| CN104898928A (en) * | 2015-05-30 | 2015-09-09 | 广州华多网络科技有限公司 | Graphic and text information display method and terminal |
| CN105468344A (en) * | 2014-08-26 | 2016-04-06 | 腾讯科技（深圳）有限公司 | Floating layer setting method and device, and electronic equipment |
| CN106201225A (en) * | 2016-06-24 | 2016-12-07 | 武汉斗鱼网络科技有限公司 | The exchange method of a kind of vertical intelligent menu based on the Internet and device |
-
2018
- 2018-01-30 CN CN201810087888.5A patent/CN108196931A/en not_active Withdrawn
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102999535A (en) * | 2011-09-19 | 2013-03-27 | 阿里巴巴集团控股有限公司 | Information display method, information acquisition method, client terminal and server |
| CN103064609A (en) * | 2011-10-21 | 2013-04-24 | 联想(北京)有限公司 | Display method and device of extended information |
| US20130268837A1 (en) * | 2012-04-10 | 2013-10-10 | Google Inc. | Method and system to manage interactive content display panels |
| CN103513889A (en) * | 2012-06-25 | 2014-01-15 | 北京新媒传信科技有限公司 | Method for rapidly inputting dynamic information in social network site |
| CN103019516A (en) * | 2012-12-10 | 2013-04-03 | 北京奇虎科技有限公司 | Method and equipment for displaying page |
| CN103678496A (en) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | Method and system for adjusting screening display of search page |
| CN104699682A (en) * | 2013-12-04 | 2015-06-10 | 腾讯科技（北京）有限公司 | Information processing method and device |
| CN105468344A (en) * | 2014-08-26 | 2016-04-06 | 腾讯科技（深圳）有限公司 | Floating layer setting method and device, and electronic equipment |
| CN104898928A (en) * | 2015-05-30 | 2015-09-09 | 广州华多网络科技有限公司 | Graphic and text information display method and terminal |
| CN106201225A (en) * | 2016-06-24 | 2016-12-07 | 武汉斗鱼网络科技有限公司 | The exchange method of a kind of vertical intelligent menu based on the Internet and device |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109471692A (en) * | 2018-10-24 | 2019-03-15 | 维沃移动通信有限公司 | A kind of display control method and terminal device |
| CN109471692B (en) * | 2018-10-24 | 2022-03-04 | 维沃移动通信有限公司 | Display control method and terminal equipment |
| CN110221885A (en) * | 2019-04-23 | 2019-09-10 | 维沃软件技术有限公司 | A kind of interface display method and terminal device |
| CN110221885B (en) * | 2019-04-23 | 2022-04-01 | 维沃软件技术有限公司 | Interface display method and terminal equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106682635B (en) | A kind of smog detection method based on random forest feature selecting | |
| CN108196931A (en) | A kind of floating layer display module and method for display extension information | |
| CN101438579B (en) | Adaptive rendering of video content based on additional frames of content | |
| RU2010118466A (en) | METHOD AND DEVICE FOR PROCESSING DEPTH CARD | |
| CN208110853U (en) | A kind of multimedia device for English demonstration | |
| TW200842795A (en) | Apparatus and method for contrast control | |
| CN209149471U (en) | A kind of intelligent cabinet based on recognition of face and bar code recognition | |
| CN111104077A (en) | Multi-screen display control method, device, equipment and readable storage medium | |
| CN108171224A (en) | A kind of electron album and attendance recorder | |
| CN208354954U (en) | A kind of liftable desk | |
| TW200639797A (en) | Display apparatuses, methods and machine-readable storage medium for adjusting display parameter based on display content | |
| CN204732086U (en) | For the multimedia device of showpiece | |
| CN108845784A (en) | A kind of display screen Mura compensation method and device | |
| CN108733447A (en) | A kind of video details page animation deployment algorithm | |
| CN208954425U (en) | A kind of financial risk management teaching demonstration device | |
| CN206639528U (en) | A kind of flexible LED display | |
| CN105701071B (en) | A kind of document header footer method of adjustment and device | |
| CN209342385U (en) | A kind of automobile entirety ELV dismantling detection device | |
| CN215416456U (en) | Multifunctional management consultation service device | |
| CN205302195U (en) | A liftable keyboard for preventing cervical spondylopathy | |
| CN204970076U (en) | Teaching podium based on many screens | |
| CN206058036U (en) | A kind of computer display screen for being easily installed external speaker | |
| CN105760684B (en) | A kind of general medical image secondary acquisition method and device | |
| CN214796713U (en) | Dispenser with good fixing effect and based on virtual display technology | |
| CN108389445A (en) | A kind of Mobile Teaching network computer based on Internet of Things |
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 | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20180622 |
|
| WW01 | Invention patent application withdrawn after publication |