CN103309564A - Method and device for displaying element information - Google Patents

Method and device for displaying element information Download PDF

Info

Publication number
CN103309564A
CN103309564A CN2013102725665A CN201310272566A CN103309564A CN 103309564 A CN103309564 A CN 103309564A CN 2013102725665 A CN2013102725665 A CN 2013102725665A CN 201310272566 A CN201310272566 A CN 201310272566A CN 103309564 A CN103309564 A CN 103309564A
Authority
CN
China
Prior art keywords
element
display
character
region
hit
Prior art date
Application number
CN2013102725665A
Other languages
Chinese (zh)
Inventor
杨振辉
范頔
Original Assignee
贝壳网际(北京)安全技术有限公司
北京金山网络科技有限公司
北京金山安全软件有限公司
珠海市君天电子科技有限公司
可牛网络技术(北京)有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 贝壳网际(北京)安全技术有限公司, 北京金山网络科技有限公司, 北京金山安全软件有限公司, 珠海市君天电子科技有限公司, 可牛网络技术(北京)有限公司 filed Critical 贝壳网际(北京)安全技术有限公司
Priority to CN2013102725665A priority Critical patent/CN103309564A/en
Publication of CN103309564A publication Critical patent/CN103309564A/en

Links

Abstract

The invention discloses a method and a device for displaying element information. The method comprises the following steps: displaying a hit element in a current page in a first area, wherein the first background brightness of the first area is not the same as the page brightness of the current page, the hit element is a result obtained by searching a search keyword inputted by a user; magnifying and displaying a first character element in the hit element and selected by the user in a second area according to the predetermined magnified display ratio, the second background brightness of the second area is not the same as the first background brightness. Through the method and the device, the user visual effect is enhanced, so that the user can quickly position the effects of searched characters.

Description

元素信息的显示方法及装置 Element information display method and apparatus

技术领域 FIELD

[0001] 本发明涉及互联网领域,具体而言,涉及一种元素信息的显示方法及装置。 [0001] The present invention relates to the field of the Internet, in particular, to a method and a display element information device.

背景技术 Background technique

[0002] 通常情况下,完成一个信息的查找需要从以下三个方面进行综合考虑:(I)保证查找内容的有效性,即可以显示正确的信息;(2)保证查找内容的完整性,即可以将查找的信息无缺漏的找出;(3)保证查找内容的易定位性,即可以在多查找内容中方便快速地进行定位。 Under [0002] Typically, a complete look for information from the following three aspects need to be considered: (I) ensure the effectiveness find content that can display the correct information; (2) to ensure the integrity of the contents to find that You can find free information to find the missing; (3) ensure easy positioning of content to find that you can quickly and easily be positioned in a multi-find content.

[0003] 当前的查找方式基本上都可以做到(I)和(2),但是对于(3)中的易定位性上表现并不突出,当前查找方式在查找过程中仅仅以同一色系的不同深度来区别当前选中文字(即查找内容)和未选中文字,如果在有相近于选中文字的底色的页面上,基本看不出查找到的文字。 [0003] The current embodiment basically can be done to find (I) and (2), but for the performance of the easy-positioning (3) not projecting, in a way to find the current process only to find the same color different depths to distinguish the currently selected text (ie Find content) and did not select the text, if there is similar to the selected text on the page background color, the basic do not see the found text. 而且,在查找内容的显示过程中,当从选中文字从前一个词跳到下一个词时,当前查找方式也仅仅是对页面位置和颜色进行静态改变,如果不仔细观察很难寻找到当前高亮文字。 Also, look at the contents of the display process, when the previous word jump from selected text to the next word, is only current way to find a page static position and color change, if not carefully observed very difficult to find the currently highlighted text. 显然,这样是不能对查找内容进行方便快速的定位的。 Obviously, this is not to find content easily and quickly located.

发明内容 SUMMARY

[0004] 本发明提供了一种元素信息的显示方法及装置,以至少解决“浏览器无法对需要查找的内容进行快速定位、以及对查找结果的显示效果较差”的问题。 [0004] The present invention provides a method and apparatus for the display element information to at least solve the "browser what to look for can not quickly locate, as well as to show the results less effective" problem.

[0005] 根据本发明的一个方面,提供了一种元素信息的显示方法,包括:将当前页面中的命中元素显示在第一区域,其中,第一区域的第一背景亮度与当前页面的页面亮度不相同,其中,命中元素是以用户输入的搜索关键字进行搜索得到的结果;按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域,其中,第二区域的第二背景亮度与第一背景亮度不相同。 [0005] In accordance with one aspect of the present invention, there is provided a method of displaying information in an element, comprising: a hit element on the current page displayed in the first region, wherein the first region and the background brightness of the first page of the current page brightness is not the same, wherein the element is hit search results user entered search keyword obtained; according to a predetermined display scale, the hit element selected user of the first character enlargement display element in the second region, wherein the first two second background luminance region and a first background brightness is not the same.

[0006] 优选地,按照预定缩小显示比例,将放大后的第一字符元素缩小显示在第三区域。 [0006] Preferably, in accordance with a predetermined zoom out, the first element of a zoom character displayed in the third area.

[0007] 优选地,在将当前页面中的命中元素显示在第一区域的同时,还包括:将当前页面显示为灰暗区域,其中,灰暗区域的亮度小于页面亮度。 [0007] Preferably, the hit element in the current page displayed in the first region while further comprising: dark region to display the current page, wherein the luminance dark luminance region is less than a page.

[0008] 优选地,页面亮度为当前页面在用户输入对应于命中元素的搜索请求消息之前处于正常显示状态时的亮度。 [0008] Preferably, the luminance brightness of the page the current page before the user input corresponds to the hit element search request message in the normal display state.

[0009] 优选地,第一背景亮度大于页面亮度,且第二背景亮度大于第一背景亮度。 [0009] Preferably, the first page is greater than the luminance of the background brightness, background brightness is greater than the first and the second background luminance.

[0010] 优选地,预定缩小显示比例的值小于等于第一字符元素与放大后的第一字符元素的比值。 [0010] Preferably, the predetermined reduction ratio of the first value of the character display scale elements and the amplified first character element or less.

[0011] 优选地,第三区域的第三背景亮度小于等于第二背景亮度、且大于灰暗区域的亮度。 [0011] Preferably, the third region of the third background luminance of the second background luminance or less, and greater than the luminance of the dark area.

[0012] 优选地,第三区域的第三背景亮度小于等于第二背景亮度、且大于等于第一背景亮度。 [0012] Preferably, the third region of the third background luminance of the second background luminance or less, and not less than a first brightness of the background.

[0013] 优选地,当第一字符元素包括一个字符时,按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域,包括:按照预定放大显示比例将字符显示在第二区域。 [0013] Preferably, when the first element includes a character when the character is displayed according to a predetermined amplification ratio, and the hit element selected user of the first character in the second region of enlarged display element, comprising: displaying a predetermined character on an enlarged scale displayed in the second region.

[0014] 优选地,当第一字符元素包括多个字符时,按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域,包括:按照预定放大显示比例和第一预定显示顺序将多个字符中的每个字符依次放大显示在第二区域;按照预定缩小显示比例,将放大显示后的第一字符元素缩小显示在第三区域,包括:按照预定缩小显示比例和第二预定显示顺序将位于第二区域的每个字符依次缩小显示在第三区域。 [0014] Preferably, when the first character element comprises a plurality of characters, the display scale in accordance with a predetermined amplification, the hit element selected user of the first character in the second region of enlarged display element, comprising: a display scale in accordance with a predetermined and a first plurality of predetermined display sequence of characters each character are sequentially displayed in the second enlarged area; zoom out in predetermined, the first element of a character displayed in the enlarged display reduced third region, comprising: a display in accordance with a predetermined reduction each character and a second predetermined proportion of the display order in the second region are sequentially reduced and displayed in the third area.

[0015] 优选地,第一预定显示顺序和第二预定显示顺是相同的。 [0015] Preferably, the first and second predetermined display sequence is the same along a predetermined display.

[0016] 优选地,在按照预定缩小显示比例,将放大显示后的第一字符元素缩小显示在第三区域之后,该方法还包括:当用户的选中对象从第一字符元素跳转至命中元素中的第二字符元素时,将先被放大显示再被缩小显示后的第一字符元素显示在第一区域。 [0016] Preferably, the ratio of the first character display element in accordance with a predetermined reduction, the enlarged display of the reduced after the third display area, the method further comprising: when a user of the selected object character element to jump from a first element hits when the second character element, the first element of the first character is displayed enlarged again reduced and displayed in the first display area.

[0017] 根据本发明的另一方面,提供了一种元素信息的显示装置,包括:第一显示模块,用于将当前页面中的命中元素显示在第一区域,其中,第一区域的第一背景亮度与当前页面的页面亮度不相同,其中,命中元素是以用户输入的搜索关键字进行搜索得到的结果;第二显示模块,用于按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域,其中,第二区域的第二背景亮度与第一背景亮度不相同。 [0017] According to another aspect of the present invention, there is provided an information display device element, comprising: a first display module, the hit element for the current page displayed in the first region, wherein the first region of the first a background luminance and the luminance of the current page is not the same page, which is a result of a search hit elements obtained search keyword input by a user; a second display means for enlarged display in accordance with a predetermined ratio, to be selected by the user hit element a first character element is displayed in an enlarged second area, wherein the second background brightness of the second region and a first background brightness is not the same.

[0018] 优选地,该装置还包括:第三显示模块,用于按照预定缩小显示比例,将放大后的第一字符元素缩小显示在第三区域。 [0018] Preferably, the apparatus further comprising: a third display means for display in accordance with a predetermined reduction ratio, the first element of a zoom character displayed in the third area.

[0019] 通过本发明,采用将用户需要搜到的关键字以高亮显示并将用户当前选中的关键字区域以动态高亮区域显示的方式,解决了浏览器无法对需要查找的内容进行快速定位、以及对查找结果的显示效果较差的问题,进而达到了增强了用户视觉效果,使得用户能够快速定位查找到的字符效果。 [0019] By the present invention, a user will need to search for keywords to highlight the currently selected keywords and user area to dynamically display the highlighted area, the browser can not be solved quickly on what to look for positioning, as well as issues to show the results less effective, thus achieving an enhanced user visual effects, enabling users to quickly locate find the characters results.

附图说明 BRIEF DESCRIPTION

[0020] 此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。 [0020] The drawings described herein are provided for further understanding of the present invention, constitute a part of this application, exemplary embodiments of the present invention are used to explain the present invention without unduly limiting the present invention. 在附图中: In the drawings:

[0021] 图1是根据本发明实施例的元素信息的显示方法流程图; [0021] FIG. 1 is a flowchart illustrating a display method according to an embodiment of the information elements of the present invention;

[0022] 图2是根据本发明实施例的元素信息的显示装置的结构框图; [0022] FIG. 2 is a block diagram showing elements of the information display device according to an embodiment of the present invention;

[0023] 图3是根据本发明优选实施例的元素信息的显示装置的结构框图; [0023] FIG. 3 is a block diagram showing a structure of a display element information device according to a preferred embodiment of the present invention;

[0024] 图4是根据本发明优选实施例的元素信息的显示流程图。 [0024] FIG. 4 is a flowchart showing information elements in accordance with a preferred embodiment of the present invention.

具体实施方式 Detailed ways

[0025] 下文中将参考附图并结合实施例来详细说明本发明。 [0025] Hereinafter with reference to the accompanying drawings and embodiments of the present invention will be described in detail. 需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。 Incidentally, in the case of no conflict, embodiments and features of the embodiments of the present application can be combined with each other.

[0026] 以下实施例可以应用到浏览器中,该浏览器可以是用在计算机上的浏览器,或者也可以是用在移动设备上的浏览器。 [0026] The following embodiments may be applied to the browser, the browser may be a browser on the computer, or may be used in the mobile device browser. 当然,以下实施例也可以用于对操作系统中的信息元素查找。 Of course, the following embodiments may also be used to find the information element of the operating system. 例如,在操作系统中的文本阅读工具中查找用户需要的字符,但不限于此。 For example, the text reading tools in the operating system the user needs to find a character, but not limited thereto.

[0027] 本实施例提供了一种元素信息的显示方法,图1是根据本发明实施例的元素信息的显示方法流程图,如图1所示,该方法主要包括以下步骤(步骤S102-步骤S104):[0028] 步骤S102,将当前页面中的命中元素显示在第一区域,其中,第一区域的第一背景亮度与当前页面的页面亮度不相同,其中,命中元素是以用户输入的搜索关键字进行搜索得到的结果; [0027] The present embodiment provides a method of displaying information in an element, FIG. 1 is a flowchart illustrating a display method according to an embodiment of the information elements of the present invention, shown in Figure 1, the method mainly includes the following steps (step S102- step S104): [0028] step S102, the hit element in the current page displayed in the first region, wherein the first background region of a first luminance brightness is not the same as the current page of the page, wherein the user input is hit element Search keyword search results obtained;

[0029]作为本发明的一种实施方式,首先根据用户输入的搜索关键字或关键字符在当前页面中进行搜索,查找到一个或多个相应的命中元素,其中,命中元素通常是指以用户输入的搜索关键字进行搜索得到的结果,即用户查找内容的结果,通常可以包括文字字符类元素、视频元素、图片元素等,例如:一个完整的词语。 [0029] As an embodiment of the present invention, first, according to the search keywords or key characters entered by the user in the current page search to find one or more corresponding hit element, wherein the element generally refers to the hit user input search keyword search results obtained, namely the user to find content results generally can include text character-earth elements, elements of video, images and other elements, such as: a complete word.

[0030] 步骤S104,按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域,其中,第二区域的第二背景亮度与第一背景亮度不相同。 [0030] step S104, a predetermined display scale, the hit element selected user of the first character enlargement display element in the second region, wherein the second background brightness of the second region and a first background brightness is not the same.

[0031] 通过本实施例的上述步骤,可以将用户需要搜索的关键字或关键字符以不同于当前页面亮度的区域显示出来,当然,这里的区域的背景亮度仅仅是与当前页面的亮度不同而已,例如,当当前页面的亮度比较大时,可以将该区域设定为背景亮度较暗(例如,可以通过不同的背景色突出显示)的区域,当当前页面的亮度比较小时,可以将该区域设定为背景亮度较亮(例如,可以通过不同的背景色突出显示)的区域。 [0031] Through the above steps of the present embodiment, the user may need to search for keywords or character key is displayed in a region different from the luminance of the current page, of course, the brightness of the background region where only the luminance of the current page is different For example, when the brightness of the current page is relatively large, the region may be set as a region darker background luminance (e.g., may be highlighted by a different background color), when the brightness of the current page is relatively small, the area may be bright as the background luminance (e.g., may be highlighted by a different background color) area. 这样,就可以使用户能够很快速地在当前页面中找到需要搜索的关键字或关键字符(称之为命中元素)。 In this way, you can enable the user to very quickly find the need to search for keywords or key characters in the current page (called a hit element).

[0032] 为了便于理解,现举例说明,假如当用户需要在浏览器的当前页面(包含多个北京园博会的相关内容)中得到“从北京站到北京园博会地址”的公交路线信息,为了得到尽可能多的相关路线信息,其只需要使用“北京园博会”作为搜索关键字,则浏览器会将当前页面中所有“北京园博会”以突出的背景色显示出来,例如黄色。 [0032] For ease of understanding, To illustrate, if the current page when the user needs a browser (comprising a plurality of related content Beijing Fair Park) obtained "from the Beijing station to the Beijing Fair Park address" bus Directions in order to get as much relevant route information, which only requires the use of "Beijing Fair Park" as the search keyword, the browser will be the current page in all the "Beijing Fair Park" is displayed in a prominent background color, for example, yellow. 在这里,所有被以黄色背景色显示的“北京园博会”就是命中元素,每个“北京园博会”就属于命中元素的字符元素,每个“北京园博会”的黄色背景色区域就是上述第一区域,该黄色背景色区域的背景亮度即上述第一背景亮度,当然“黄色”可以以其他颜色来替代,只要背景区域的亮度与当前页面的主要颜色的亮度容易区别即可。 Here, all the "Beijing Fair Park" to be displayed with a yellow background color is hit elements, each of the "Beijing Fair Park" belongs to the character element hit elements, each "Beijing Fair Park," the yellow background color area is the background brightness of the first region, the background color of the yellow region, i.e., the first brightness of the background, of course, "yellow" can be replaced in a different color, as long as the brightness of the main colors brightness of the background region of the current page can be easily distinguished.

[0033] 此时,浏览器的光标所在的位置处的信息可能并不是用户想要得到的与公交路线相关,那么用户可以使用鼠标或是键盘移动光标的位置,比如,用户从最前面的字符元素(第I个“北京园博会”)处移动到第5个字符元素(第5个“北京园博会”)处的时候,发现包含第5个“北京园博会”的文字信息中涵盖有“从北京站到北京园博会地址”的公交路线信息,用户就可以停止操作了。 [0033] In this case, the information at the cursor position of the browser user may not want to get associated with the bus route, the user can use the mouse or keyboard to move the cursor position, for example, a user from the foremost character mobile elements (I-th "Beijing Fair Park") at the fifth character elements (the first five "Beijing Fair Park") at the time and found to contain the first five "Beijing Fair Park," the text message public transport information covers "from the Beijing Railway station to Beijing Fair Park address", the user can stop the operation. 在这个过程中,第I个“北京园博会”至第5个“北京园博会”都可以被颜色亮度不同于黄色亮度的其他背景区域(即上述第二区域)显示,例如,可以以亮度更大的深黄色作为背景色,该深黄色背景区域的亮度即上述第二背景亮度,当然也选择其他颜色作为背景色,只要能够与当前的黄色背景区域明显区别就可以。 In this process, the I-th "Beijing Fair Park" to the fifth "Beijing Fair Park" can be a different color from other background luminance brightness yellow region (i.e. the second region) display, for example, may be more yellow as the background color luminance, the luminance of the yellow region, i.e., the second background brightness of the background, of course, select a different color as the background color, as long as the yellow clear distinction between the current background region can be.

[0034] 为了达到更好的显示效果,以足以引起用户的注意力,还可以在执行步骤S104之后,按照预定缩小显示比例,将放大后的第一字符元素缩小显示在第三区域。 [0034] In order to achieve a better display effect, sufficient to cause the user's attention, it can also be performed after step S104, the display in accordance with a predetermined reduction ratio, the first element of a zoom character displayed in the third area.

[0035] 在本实施例中,当搜索到的结果(命中元素)有多个时,可以将用户当前选中的一个命中元素显示为与所有命中元素不同的背景亮度,这样,用户可以很轻松地从多个命中元素中找到自己选中的命中元素。 [0035] In the present embodiment, when the results of the search (hit element) with a plurality of time, the currently selected user may be displayed as a hit element hits all elements of different brightness of the background so that the user can easily find their selected elements from multiple hits hit elements. 更进一步地,可以将用户选中的命中元素进行放大显示,这样能够使选中的命中元素更加明显地区别于其他未选中的命中元素。 Still further, the user can select the hit element will be enlarged display, this will enable more elements selected hit clearly distinguished from the other unselected elements hit.

[0036] 优选地,在将当前页面中的命中元素显示在第一区域的同时,为了使用户更容易区别出命中元素与当前页面,还可以将当前页面显示为灰暗区域,其中,灰暗区域的亮度小于页面亮度,其中,页面亮度为当前页面在用户输入对应于命中元素的搜索请求消息之前处于正常显示状态时的亮度。 [0036] Preferably, the hit element in the current page is displayed while the first region, in order to make it easier for the user to distinguish the current page hit element, the current page can also be displayed as a dark region, wherein the gray area brightness brightness is less than a page, wherein the page is a luminance brightness of the current page before the user input corresponds to the hit element search request message in the normal display state.

[0037] 在本实施例一个优选实施方式中,第一背景亮度可以大于页面亮度,且第二背景亮度大于第一背景亮度。 [0037] In the present embodiment a preferred embodiment, the first page may be greater than the background luminance brightness, background brightness is greater than the first and the second background luminance. 这样做的好处是能够用户能够对当前页面中的除命中元素之外的其他元素、命中元素,以及被用户当前选中的命中元素进行非常明显的区分,使用户一目了然。 The advantage of this is that the user can be able to carry out a very clear distinction between other elements in addition to the current page element hits, hit elements, as well as the user hits the currently selected element, allowing users at a glance.

[0038] 对于在显示用户选中的命中元素(即上述第一字符元素)的过程中,采用的是先将该字符元素放大再缩小的方式,而同时将其所在区域(即上述第二区域)显示为背景亮度不同于第一区域的背景亮度。 [0038] For the user during display of the selected element hits (i.e. the first character elements), the character is used in the first reduction element further enlarged manner, while the region in which it is (i.e. the second region) displayed as the background luminance is different from the background brightness of the first region. 其中,预定缩小显示比例的值小于等于第一字符元素与放大后的第一字符元素的比值,在这种情况下,经过先放大显示操作后经过缩小显示操作的第一字符元素与未被放大之前的第一字符元素的大小是相同的,即在显示过程中,仅仅是第一字符元素放大一下再回复至原来的大小,这本质上是一个动态显示过程(即具有动画显示效果)。 Wherein the predetermined reduction ratio is smaller than or equal display ratio of the first element and the character of the first character after the amplification element, in this case, after the first operation after the enlarged display reduced after the first character display element is not operated with an enlarged character size before the first element is the same, i.e., during display, only the first amplifying element at character then return to the original size, the display is a dynamic process which essentially (i.e. having animation effect).

[0039] 当这里需要说明的是,这里保持动态显示完成后的第一字符元素的大小不变仅仅是一个较佳的实施方式而已,例如,在实际应用中,可以采用如下方式: [0039] It is noted that when the holding element where the size of the first character after the completion of the same dynamic display is merely a preferred embodiment of it, e.g., in practical applications, the following options are available:

[0040] (I)先放大第一字符元素后,再缩小,但是缩小后的第一字符元素比未被放大前的第一字符元素要大; After [0040] (I) to amplify the first character elements, is further reduced, but the first element of the reduced character is larger than a first character element is not amplified before;

[0041] (2)先放大第一字符元素后,再缩小,但是缩小后的第一字符元素比未被放大前的 [0041] (2) after the first character of the first amplifying element further reduced, but the first character element of a reduction ratio of not enlarged front

第一字符元素要小。 The first character element to be small.

[0042] 在本实施例一个优选实施方式中,为了更加明显区分显示效果,第三区域的第三背景亮度可以小于等于第二背景亮度、且大于灰暗区域的亮度,或者,第三区域的第三背景亮度小于等于第二背景亮度、且大于等于第一背景亮度。 [0042] In a preferred embodiment of the present embodiment, in order to more clearly distinguish the display, the third background brightness of the third region may be less than equal to the second brightness of the background, and the dark areas is greater than the luminance, or of the third region three or less second background brightness of the background brightness, and background brightness than or equal to the first. 采用这样的实施方式,在页面变暗、所有命中元素变亮、且当前被选中的命中元素在显示过程中先变得更亮再恢复至命中元素的背景亮度的一系列显示过程中,用户可以很方便地找到自己要精准定位的关键字(即被选中的命中元素)。 With this embodiment, the page dark, and all the elements lit hit, and hit the currently selected element in the first display becomes brighter process then returns to the background during a series of hits display element brightness, the user may easily find keywords (ie hitting selected elements) they have to precise positioning.

[0043] 当然,在实际应用中,命中元素包括两种情况:(1)只包括一个字符元素,例如,用户只输入了一个关键字“箭”时,当前页面中会有显示有多个包含“箭”的高亮区域(属于第一区域的一种情况);(2)包括两个以上的字符元素,例如,用户输入了两个关键字“火箭”时,当前页面中会有出现多个包含“火箭”的高亮区域(属于第一区域的一种情况)。 [0043] Of course, in practical applications, the hit element comprising two conditions: (1) comprises only one character element, e.g., a user input only when a keyword "Arrow", the current page will be displayed comprises a plurality of "arrow" is highlighted area (first region belongs to a case); (2) comprises two or more elements of the characters, e.g., the user inputs the two keywords "rocket", the current page will appear multiple comprises a "rocket" highlight region (first region belongs to a case).

[0044] 此时,为了达到更明显的显示效果,可以对这两种情况进行区分,当第一字符元素包括一个字符时,在实施按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域的过程中,可以按照预定放大显示比例将字符显示在第二区域。 [0044] In this case, in order to achieve a more distinct display, these two cases may be distinguished, when the first element includes a character when the character, the display scale in accordance with a predetermined embodiment, the first element will hit the selected user a character element in the enlarged display process of the second region may be a predetermined display scale displaying characters in a second area. 当第一字符元素包括多个字符时,在按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域的过程中,可以先按照预定放大显示比例和第一预定显示顺序将多个字符中的每个字符依次放大显示在第二区域,在按照预定缩小显示比例,将放大显示后的第一字符元素缩小显示在第三区域的过程中,可以再按照预定缩小显示比例和第二预定显示顺序将位于第二区域的每个字符依次缩小显示在第三区域。 When the first character element comprises a plurality of characters, in accordance with a predetermined display scale, the hit element selected user of the first character in the enlarged display process of the second element region, it is possible to display an enlarged scale and according to a predetermined first the predetermined display order of each character in the plurality of characters are sequentially displayed in an enlarged second area, the ratio of the first character display element in accordance with a predetermined reduction, the reduced to the enlarged display during the third display area may be predetermined and then zoom out and display a second predetermined order each character will be located in the second region are sequentially reduced and displayed in the third area.

[0045] 优选地,在这先后两个显示顺序中,第一预定显示顺序和第二预定显示顺序可以是相同的,例如,用户输入的多个关键字为“天安门”,可以按照上述显示过程从左到右显示这三个字符元素,也可以按照上述显示过程从右到左显示这三个字符元素,当然,如果关键字的个数很多的情况下,还可以采取其他的显示顺序,完全不局限于此处的两个显示顺序。 [0045] Preferably, in this display order has two, a first and a second predetermined predetermined display order display order may be the same, for example, a plurality of keywords input by the user is "Tiananmen", the display process may follow From left to right these three characters display elements can also be displayed in accordance with the above procedure right to left these three elements of character, of course, in many cases, if the number of keywords, you can also take other display order, complete not limited to two display order here.

[0046] 在本实施例另一个优选实施方式中,在按照预定缩小显示比例,将放大显示后的第一字符元素缩小显示在第三区域之后,当用户的选中对象从第一字符元素跳转至命中元素中的第二字符元素时,还可以将先被放大显示再被缩小显示后的第一字符元素显示在第一区域。 [0046] In another preferred embodiment of the present embodiment, the first element of the character in accordance with a predetermined zoom out, the enlarged display of the reduced after the third display area, the selected object when the user character to jump from the first element when the hit element to the second element of the character, may also be the first character will be magnified element is reduced and then displayed in the first display area. 也就是说,在用户切换当前被选中的命中元素的过程中,切换后不再被选中的命中元素可以恢复到第一区域的,即将其背景亮度由第三背景亮度恢复到第一背景亮度。 That is, during user switches the currently selected element in the hit, is no longer selected after the switching element can be restored to hit the first region, i.e. the background luminance recovered from the third to the first background brightness of the background.

[0047] 通过本实施例,可以使命中元素的背景亮度区分于页面亮度、使被用户选中的命中元素的背景亮度区分于页面亮度与未被选中的命中元素的背景亮度,并可以动态显示被用户选中的命中元素。 [0047] With this embodiment, the background task can be distinguished from the elements in the page luminance brightness, so that the background elements of the selected user hits luminance distinguished from the background luminance and the luminance unselected page hit element, and can be dynamically displayed hit elements selected by the user. 显然,动态显示过程能够很好地使用户快速区分其需要精确定位的关键字,能够大大提高用户的搜索体验。 Clearly, the dynamic display process can enable users to quickly distinguish between good keywords that require precise positioning, can greatly enhance the user's search experience.

[0048] 图2是根据本发明实施例的元素信息的显示装置的结构框图,该装置用于实现上述方法实施例提供的元素信息的显示方法,如图2所示,该元素信息的显示装置可以包括:第一显示模块10和第二显示模块20。 [0048] FIG. 2 is a block diagram of the elements of an embodiment of the information display device according to the present invention, the apparatus for displaying information element method according to an embodiment of the foregoing method, shown in Figure 2, the element information display device It may include: a first display module 10 and the second display module 20. 其中,第一显示模块10,用于将当前页面中的命中元素显示在第一区域,其中,第一区域的第一背景亮度与当前页面的页面亮度不相同,其中,命中元素是以用户输入的搜索关键字进行搜索得到的结果;第二显示模块20,用于按照预定放大显示比例,将命中元素中被用户选中的第一字符元素放大显示在第二区域,其中,第二区域的第二背景亮度与第一背景亮度不相同。 Wherein the first display module 10, a hit for the current page element displayed in the first area, wherein the brightness of the first page of the background brightness of the first region and the current page is not the same, wherein the user input is hit element results were obtained search key; and a second display module 20, according to a predetermined display scale, the hit element selected user of the first character enlargement display element in the second region, wherein the second region of two first background brightness and background brightness is not the same.

[0049] 为了达到更好的显示效果,足以引起用户的注意,还可以对图2所示的装置进行进一步的优化。 [0049] In order to achieve a better display effect, sufficient to draw the user's attention, it can also be further optimized to the apparatus shown in FIG. 图3是根据本发明优选实施例的元素信息的显示装置的结构框图,如图3所示,该装置还可以包括:第三显示模块30,用于按照预定缩小显示比例,将放大后的第一字符元素缩小显示在第三区域。 A block diagram of the display device of FIG. 3 is an element of information according to a preferred embodiment of the present invention, shown in Figure 3, the apparatus may further comprise: a third display module 30, in accordance with a predetermined zoom out, the first amplified a character element in a third reduced display region.

[0050] 需要说明的是,本实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。 [0050] Incidentally, the module according to the present embodiment involved may be implemented by way of software, may be implemented by hardware. 其中所描述的模块也可以在处理器中,例如,一种处理器包括第一显示模块10、第二显示模块20以及第三显示模块30。 The modules can also be described in a processor, such as a processor module 10 includes a first display, a second display module 20 and a third display module 30. 其中,这些模块的名称在某些情况下并不构成对该模块本身的限定,例如,第一显示模块还可以描述为“用于显示命中元素的模块”。 Wherein the name of the module, in some cases do not limit the module itself, for example, a first display module may also be described as a "module for displaying the hit element."

[0051] 在另外一个实施例中,还提供了一种软件,该软件用于执行上述实施例及优选实施方式中描述的技术方案。 [0051] In a further embodiment, there is also provided a software, the technical solution for performing the above-described embodiments and preferred embodiments described herein.

[0052] 在另外一个实施例中,还提供了一种存储介质,该存储介质中存储有上述软件,该存储介质包括但不限于:光盘、软盘、硬盘、可擦写存储器等。 [0052] In a further embodiment, there is also provided a storage medium, the storage medium stores the above-described software, the storage media include, but are not limited to: an optical disc, a flexible disk, hard disk, a flash memory or the like.

[0053] 下面结合图4以及优选实施例对上述实施例提供的元素信息的显示方法进行更详细的说明。 [0053] below with reference to FIG. 4 and a display method for information according to the above-described elements provided in a preferred embodiment of the embodiment in more detail.

[0054] 图4是根据本发明优选实施例的元素信息的显示流程图,该方法中显示网页页面的浏览器为Trident/Webkit双核浏览器,如图4所示,该方法包括如下的步骤S402至步骤S420: [0054] FIG. 4 is a flowchart showing information elements in accordance with a preferred embodiment of the present invention, the method displays the web page browser Trident / Webkit binuclear browser, as shown, the method comprising the steps of S402 4 to step S420:

[0055] 步骤S402:判断浏览器在显示当前网页页面时的内核类型。 [0055] Step S402: determining the type of browser kernel while displaying the current web page.

[0056] 首先,浏览器接收用户输入的字符,在实际应用中,用户通过浏览器打开网页页面,欲在网页页面上查找字符时,可通过快捷方式,例如ctrl+f,或者通过菜单选择,打开查找对话框,并在查找对话框中输入要查找的字符,例如输入汉字、汉语词语、英文字母、英文单词、数字等字符,触发浏览器的查找功能,调用查找程序。 [0056] First, the browser receives the characters entered by the user, in practical application, a user opens a web page with a browser, to be on the web page when looking for character, through the shortcut, for example, ctrl + f, or by menu selection, open the Find dialog box and the Find dialog box, enter the character you want to find, for example, to input Chinese characters, Chinese words, letters, English words, numbers and other characters, triggering the search function of the browser, call the Finder.

[0057] 优选地,浏览器在接收到用户输入的文字,开始查找文字后,先判断浏览器在显示当前网页页面时的内核类型,如果浏览器在显示当前网页页面时的内核类型为Trident内核,则执行步骤S404,如果浏览器在显示当前网页页面时的内核类型为Webkit内核,则执行步骤S410。 [0057] Preferably, the browser upon receiving the text input by the user to begin searching for text, first determine the browser type of kernel while displaying the current web page, if the browser type of kernel while displaying the current web page is the Trident kernel , step S404, if the kernel type in the browser to display the current web page for the Webkit core, proceed to step S410. 但是,不管在哪种内核下,浏览器在获取网页页面上的元素之后,递归判断当前页面元素属于何种类别元素,也就是判断当前元素所属类别是字符、视频、图片、程序编码、flash等类别中的哪一种,从中筛选出字符类元素,抛弃视频、图片、程序编码、flash等元素;然后将各个字符类元素与用户输入的字符进行匹配,相匹配的元素即为查找到的命中元素(即上述用户需要查找的字符元素)。 However, no matter under what kernel, browser after obtaining the elements on the web page, recursive determine what elements of the current page elements belong to the category, which is to determine the current element is the character Category, videos, pictures, program coding, flash, etc. which categories, selected from a character-earth elements, discard the video, pictures, program coding, flash and other elements; and then the character of each character class element with a user input matches, matches the element that is found hit elements (ie, the above-mentioned user needs to find a character elements).

[0058]步骤 S404:调用用于执行Javascript 脚本的函数IHTMLWindow2:: execScript,以执行Javascript0 [0058] Step S404: call functions that execute IHTMLWindow2 Javascript script :: execScript, to perform Javascript0

[0059] 步骤S406:在Javascript开始执行时,调用查找所有字符元素的函数THTMLBodyElement:: createTextRange得到ITextRange对象,其中,ITextRange对象是由网页页面上查找到的所有文字构成的元素集。 [0059] Step S406: at the start of the implementation of Javascript, a function call to find all the elements of character THTMLBodyElement :: createTextRange get ITextRange objects, which, ITextRange the object is to find a web page on the set of all text elements constituted.

[0060]步骤 S408:通过函数ITextRange::findText(文本)ITextRange::parentElement,在ITextRange对象中查找与用户输入文字匹配的元素,以在元素集中查找与字符匹配的命中元素,其中,函数中的“文本”即为用户输入文字,其中,当查找到命中元素时,执行步骤S416,否者查找结束,输出查找结果。 [0060] Step S408: :: findText (text) ITextRange :: parentElement, by lookup function ITextRange ITextRange object elements in the input text that matches the user to find the focus character hits matching element in the element, wherein the function "text" is the text the user enters, which, when looking to hit the elements, step S416, whether the person search ends, the output of search results.

[0061]步骤 S410:调用用于执行Javascript 脚本的函数WebFrame:: executeScript,以执行Javascript0 [0061] Step S410: call functions that execute WebFrame Javascript script :: executeScript, to perform Javascript0

[0062] 步骤S412:枚举NoteType为Text的结点,其中,枚举到的结点是由网页页面上查找到的所有文字构成的元素集。 [0062] Step S412: the enumeration of a set of elements NoteType Text node, wherein the node is an enumeration of the web page to find all of the text thereof.

·[0063] 步骤S414:遍历Text结点,判断结点是否包含用户输入的文字,以在元素集中查找与字符匹配的元素,即命中元素,其中,当查找到命中元素时,执行步骤S416,否者查找结束,输出查找结果。 * [0063] Step S414: traversing Text node determines the node contains text entered by the user to focus find elements that match the characters in an element, i.e. the hit element, wherein, when looking for a hit element performing step S416, the No person search ends, the output of search results.

[0064] 步骤S416:新建并显示半透明的元素,大小为显示页面大小,使得网页页面上具有蒙层的效果,整个网页具有处于暗淡的视觉效果。 [0064] Step S416: New and translucent display element, the display size of the page size, so that the effect of the mask layer having a web page, the entire page having visual effect is dim.

[0065] 步骤S418:调整命中元素的CSS属性,保证突出显示。 [0065] Step S418: CSS property adjustment element hits ensure highlighted. 通过步骤S416的蒙层效果减弱了页面中不相关元素的视觉干扰,而突出显示强化了命中元素的视觉冲击,使得命中元素与暗淡的网页形成视觉对比。 Step weakened by the effect of the mask layer S416 of the page visual disturbances are not related elements, and highlight the elements to strengthen the visual impact of a hit, making web pages hit the bleak elements form a visual contrast.

[0066] 步骤S420:在命中元素的位置显示查找动画。 [0066] Step S420: the element appears in place of the hit animated look.

[0067] 优选地,创建与命中元素相同的新建元素,然后计算命中元素在网页页面上的准确位置,将新建元素覆盖在找到元素上,也即将新建元素置于找到元素的位置二者重合,在控制新建元素变化显示时,会产生找到元素变化显示的视觉效果。 [0067] Preferably, creating the new elements hit the same elements, and then calculate the exact position of the hit on the web page element, the new element will be found in the cover element will soon find new elements at the two positions coincide element, New changes in the control of display elements, will have to find the visual elements of the display changes.

[0068] 优选地,通过以下方式控制新建元素变化。 [0068] Preferably, the control elements of the new change in the following manner. 在一定周期内以一定频率控制此新建元素的宽、高以及颜色,实现新建元素放大、变亮的动态渐变效果。 In a certain period at a certain frequency control element of this new width, height, and color, new elements to achieve amplification, brightening dynamic gradient. 当新建元素的实际大小、颜色达到一个临界值时,从页面中删除该新建元素。 When a new element of the actual size, color reaches a critical value, delete the new elements from the page. 设计者可以自由的设计显示方式,例如让新建元素闪烁,让新建元素逐渐变大、变亮,让新建元素旋转等等,增强了用户的视觉效果,使得用户能够快速定位到查找到的字符。 Designers are free to design display, such as allowing new elements shine, let the new elements gradually larger and brighter, so that new elements rotate and so enhance the user's visual effects, enabling users to quickly navigate to find the character.

[0069] 在该优选实施例中,通过创建一个与命中元素相同的新建元素,并控制新建元素在命中元素的位置上按照预设的方式显示,能够产生命中元素按照预设的方式进行显示的视觉效果,设计者可根据当前页面内容、格式等特征,设置不同的显示方式,从而增强了浏览器在网页页面上查找字符时显示效果,也即增强了用户视觉效果,使得用户能够快速定位查找到的字符。 [0069] In this preferred embodiment, the hits by creating a new element of the same element, and according to a preset control of the new elements displayed at the position on the element hits, hits elements can be generated according to a preset display mode visual effects designer can be based on the characteristics of the current page content, format, set different display, thereby enhancing the display when the browser look for characters on a web page, that enhance the user's visual effects, enabling users to quickly locate find to the character.

[0070] 在得到命中元素后,确定命中元素在网页页面上的准确位置,也即计算命中元素在网页页面上的坐标信息,并且当网页页面大小发生变化后,重新计算坐标信息确定命中元素的位置,以保证确定的命中元素的位置随网页变化而变化,使得无论何时都可以对命中元素进行精确定位。 [0070] After obtaining the hit element, to determine the exact position of the hit elements on a web page, i.e. calculating the hit element coordinate information on the web page, and when the change in web page size, recalculate the coordinate information for determining the hit element position, to ensure that the position determination of the hit element changes with changes in the page, so that whenever they can be precisely positioned to hit element.

[0071] 在获得命中元素的准确位置后,将新建元素置于命中元素的位置,使得新建元素覆盖在命中元素上,从视觉角度上来看,命中元素并未发生任何变化;覆盖后,对新建元素进行控制,使其按照预设的方式显示,再从视觉角度上看,相当于命中元素按照预设的方式显示,设计者可以自由的设计显示方式,例如让新建元素闪烁,让新建元素逐渐变大、变亮,让新建元素旋转等等,增强了用户的视觉效果,使得用户能够快速定位到查找到的字符。 [0071] After obtaining the exact position of the hit element, the new element is placed in the position of the hit element, such that a new element in the cover element hits, from the visual point of view, does not hit any changes to the element; rear cover, on the new control elements, so that according to the preset display mode, and from a visual point of view, the equivalent of hitting the elements according to the preset display mode, designers are free to design display, such as allowing new elements flashes, so that new elements gradually larger and brighter, so that new elements rotate and so enhance the user's visual effects, enabling users to quickly navigate to find the character.

[0072] 例如,当用户输入的字符为“人人”时,通过步骤S104在网页页面上查找到“人人”后,创建一个内容为“人人”、大小与查找到的“人人”相同的元素。 [0072] For example, when a character entered by the user to "everyone", on page after page to find the "everyone" to create a content to "Everyone", and find the size of the "everyone" in step S104 the same elements. 当在网页页面上查找到多个“人人”时,可分别对应创建多个新建元素,并将所有新建元素分别覆盖在对应的命中元素上,并控制全部新建元素按照预设的方式进行显示,从视觉角度上看,网页页面上所有“人人”按照预设方式显示。 When looking into a number of "everyone" on the web page, you can create several new elements correspond, respectively, and all new elements are covered in the corresponding elements of the hit, and control of all the new elements are displayed in a preset way from a visual point of view, all the "everyone" on the web page is displayed in a preset mode.

[0073] 或者,可控制各个新建元素依次一一按照预设的方式进行显示,从视觉角度上看,网页页面上各个“人人”依次按照预设方式显示,若预设的方式显示为新建元素逐渐变大、变亮,则控制第一个新建的“人人”逐渐变大、变亮,直到变大后的“人人”的大小大于预设的大小阈值,或者变亮后的“人人”的亮度大于预设的亮度阈值,删除第一个新建的“人人”,再控制第二个新建的“人人”逐渐变大、变亮,直到变大后的“人人”的大小大于预设的大小阈值,或者变亮后的“人人”的亮度大于预设的亮度阈值,删除第二个新建的“人人”,再控制第三个……,以此类推。 [0073] Alternatively, in order to control the various elements of the new one by one according to a preset display mode, from the visual point of view, each "everyone" are sequentially displayed in a preset mode on the web page, if the default display mode for the new element gradually larger, brighter, a first control new "everyone" gradually larger, brighter, size "all" until after the large size becomes greater than a predetermined threshold value, the brighter or " everyone "brightness greater than a preset brightness threshold value, a new first delete" everyone ", then the second control new" everyone "gradually larger, brighter, until after a large change" everyone " is larger than the predetermined size threshold, the luminance or "everyone" becomes bright after greater than a preset brightness threshold value, removing the second new "everyone", then a third control ......, and so on.

[0074] 在实际应用中,在查找命中元素的过程中,忽略网页页面上的隐藏元素。 [0074] In practice, the elements of the process to find a hit, ignores hidden elements on the web page. 可在查找网页页面上的字符类元素时直接忽略隐藏元素,也可在得到元素集后,将元素集中的隐藏元素删除,从而使得与字符相匹配的隐藏元素不显示在网页页面上;接着,在得到命中元素后,可以创建与网页页面的大小相同半透明元素,并控制半透明元素覆盖在网页页面上显示;调整命中元素的CSS属性,例如,使得调整后的使命中元素在网页页面上高亮显示。 It can safely ignore hidden when looking for a character class elements on a web page elements, but also after obtaining the set of elements, will remove elements set hidden elements, so that the character matches the hidden elements are not displayed on the web page; then, after getting hit element, can create the same size of the web page translucent element, and controls the translucent covering the display elements on the web page; hit adjustment element CSS properties, e.g., mission adjusted such that elements on the web page Highlight.

[0075] 优选地,如果找到与用户输入字符相匹配的元素,则通过新建并显示的半透明元素,从而可以看到网页上增加了蒙层效果,使得网页在视觉上处于暗淡的状态,减弱页面中其他不相关元素的干扰,而通过用高亮特效标记所有与查找字符相匹配的页面元素,使得命中元素与网页页面上其他不相关元素形成较大的视觉反差。 [0075] Preferably, if the character element found that matches the user input, and displayed through translucent new element, which can be seen to increase the effect of the mask layer on the page, the page that is visually dark state, decreased page does not interfere with other related elements, and by marking all page elements and find that match the characters with special effects highlight that hit the elements form a larger visual contrast with other unrelated elements on a web page. 如果网页没有与用户输入字符相匹配的元素,页面不显示蒙层效果。 If the page does not match the characters input element of the user, the page does not show the effect of the mask layer. 因而,从页面整体的变化向用户输出网页页面上是否存在用户所查找字符,信息输出直观,用户体验好。 Thus, the overall change from page output web page to the user on the user to find whether there is character information output intuitive user experience is good.

[0076] 在将所有命中元素在网页页面上进行高亮显示后,创建各个命中元素对应的新建元素,并根据用户输入的切换指令依次显示各个新建元素。 [0076] After all of the hit highlighting elements on the web page, creating a new element corresponding to each hit element, and sequentially displayed according to the respective switching elements of the new instruction input by the user. 该处的切换指令用于查找一个命中元素的下一个命中元素,例如,在网页页面上设置或通过对话框设置命令按钮,当用户点击该命令按钮时,由显示当前命中元素的新建元素跳转到显示下一个命中元素的新建元素。 Where the switching instruction is used to find the next element hits a hit element, e.g., set or is set by the dialog box command button on the web page, when the user clicks on the command button, the new elements of the current hit by the display element jump display a new element to the next element of hits.

[0077] 例如,可以通过以下方式来实现:创建与第η个命中元素的大小、内容相同的元素,以得到第η新建元素,在使命中元素高亮显示后,首先创建第一个命中元素对应的新建元素,其中,所有命中元素的顺序可根据命中元素的位置排列,例如,由左至右、从上至下。 [0077] For example, may be achieved by: Creating the first element hits size η, a similar element, in order to obtain a new first element η, after highlighting elements, first create a first element in the mission hit corresponding to the new element, wherein the order of all the elements can be arranged according to the hit position of the hit element, e.g., from left to right, top to bottom. 控制第η新建元素覆盖在第η个元素上,并按照预设方式显示,接收到用户输入的切换命令之后,删除第η新建元素;判断第η个命中元素是否为最后一个命中元素,其中,当第η个命中元素为最后一个命中元素时,查找结束,输出查找结果,例如通过对话框输出“查找完毕,共找到η个”的信息。 Control η η new elements at the cover element on the display in the preset embodiment, after receiving the handover command input by a user, delete the first new element η; η determination of hits element is the last element of a hit, wherein when the first element η hits for the last element of a hit, look for the end, outputting search results, for example, by the output of the dialog box "find complete, η a found" message.

[0078] 将所有命中元素对应的新建元素显示完成后,也即将网页页面上所有查找到的元素依次显示给用户。 [0078] are displayed in sequence to find all the elements of hits on all the elements of the corresponding elements of the new display is completed, is about web page to the user. 其中,优选地,新建元素具有底色,例如新建元素的默认颜色为浅黄色,预设的显示方式为新建元素逐渐变亮、变大,新建元素逐渐变大,并且颜色逐渐由浅黄变为黄色、深黄色,直至大小变至预设的大小、亮度变至预设的亮度停止变化,当接收到切换命令时,当前显示的新建元素被删除,控制下一个命中元素的新建元素由默认亮度和默认大小逐渐变化。 Wherein, preferably, having a new background elements, new elements, for example, the default color is light yellow, the default display mode for the new element gradually becomes brighter, larger, new elements gradually increases, and the color gradually from light yellow to yellow dark yellow, until the size of the variable to a predetermined size, brightness to a predetermined brightness change ceases to change, when receiving the handover command, the new element is currently displayed is deleted, under the control of a new element is hit by the default brightness and elements The default size is gradually changed.

[0079] 采用上述实施例提供的元素信息的显示方法,通过将用户需要搜到的关键字以高亮显示并将用户当前选中的关键字区域以动态高亮区域显示的方式,解决了浏览器无法对需要查找的内容进行快速定位、以及对查找结果的显示效果较差的问题,进而达到了增强了用户视觉效果,使得用户能够快速定位查找到的字符效果。 [0079] The element information display method provided in the embodiment, the user needs to search by keywords to the user and to highlight the region currently selected keywords dynamically highlighted region of the display to solve the browser You can not be on what to look for fast positioning, as well as the problem of poor search results display, thus achieving an enhanced user visual effects, enabling users to quickly locate find the characters results.

[0080] 采用上述实施例提供的元素信息的显示装置,通过将用户需要搜到的关键字以高亮显示并将用户当前选中的关键字区域以动态高亮区域显示的方式,解决了浏览器无法对需要查找的内容进行快速定位、以及对查找结果的显示效果较差的问题,进而达到了增强了用户视觉效果,使得用户能够快速定位查找到的字符效果。 [0080] The display device of the embodiment elements of the information provided by the user needs to search for the keyword and the user to highlight the region currently selected keywords dynamically highlighted display area to solve the browser You can not be on what to look for fast positioning, as well as the problem of poor search results display, thus achieving an enhanced user visual effects, enabling users to quickly locate find the characters results.

[0081] 从以上的描述中,可以看出,本发明实现了如下技术效果:通过在网页页面上查找到与用户输入字符相匹配的元素时,在网页页面上显示蒙层效果,能够直观地向用户输出是否查找到的信息;修改查找到的元素的CSS属性,使得查找到的元素在页面中特殊标注(例如以亮度不同的高亮区域显示)出来,与网页的蒙层效果构成对比,使得查找到的元素与其他不相关的元素形成视觉对比,有利于用户快速获取到查找的元素;在用户通过切换命令对每个查找到的元素进行定位时,通过创建与命中元素相同的新建元素,并控制新建元素渐变显示,具有动态的视觉效果,有利于用户快速进行定位。 [0081] From the above description, it can be seen, the present invention achieves the following technical effects: when a user by looking for the elements that match the input character on a web page, the effect of the display mask layer on a web page, can be intuitively output is the searched information to the user; CSS properties modify the found element, so that the elements found in the page marked as such (e.g., displayed in different luminance highlight region) out of the mask layer constituting the comparison results page, found that the elements form a visual contrast with other elements irrelevant facilitate the user to quickly find the acquired element; when a user anchor each element found by the handover command, by creating a new element in the same element hits and control of the new gradation display elements, dynamic visual effect, help users to quickly locate.

[0082] 显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。 [0082] Obviously, those skilled in the art should understand that the modules or steps of the present invention described above can be used general-purpose computing device, they can be integrated in a single computing device or distributed across multiple computing devices available on the Internet, optionally, they can be implemented with program codes executable by a computing device, so that, to be performed by a computing device stored in a storage means, and in some cases, may be different from this at step sequence shown or described, or they are made into integrated circuit modules, or by making them of a plurality of modules or steps in a single integrated circuit module. 这样,本发明不限制于任何特定的硬件和软件结合。 Thus, the present invention is not limited to any particular hardware and software combination.

[0083] 以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。 [0083] The above description is only preferred embodiments of the present invention, it is not intended to limit the invention to those skilled in the art, the present invention may have various changes and variations. 凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。 Any modification within the spirit and principle of the present invention, made, equivalent substitutions, improvements, etc., should be included within the scope of the present invention.

Claims (14)

1.一种元素信息的显示方法,其特征在于,包括: 将当前页面中的命中元素显示在第一区域,其中,所述第一区域的第一背景亮度与所述当前页面的页面亮度不相同,其中,所述命中元素是以用户输入的搜索关键字进行搜索得到的结果; 按照预定放大显示比例,将所述命中元素中被用户选中的第一字符元素放大显示在第二区域,其中,所述第二区域的第二背景亮度与所述第一背景亮度不相同。 1. A method of displaying information element, characterized by comprising: a hit element on the current page displayed in the first region, wherein the first background brightness of the first region and the luminance of the current page is not a page the same, wherein, the hit element is a user inputted search keyword search results obtained; according to a predetermined display scale, the hit element to the selected user of the first character in the second region of enlarged display element, wherein , second background brightness of the second region and the first brightness of the background are not the same.
2.根据权利要求1所述的方法,其特征在于,在将所述命中元素中被用户选中的第一字符元素放大显示在第二区域之后,还包括: 按照预定缩小显示比例,将放大后的第一字符元素缩小显示在第三区域。 After a predetermined zoom out, the amplification: 2. The method according to claim 1, characterized in that the hit element to the selected user of the first character enlargement display element after the second region, further comprising the reduced display element first character in the third area.
3.根据权利要求1或2所述的方法,其特征在于,在将当前页面中的命中元素显示在第一区域的同时,还包括: 将所述当前页面显示为灰暗区域,其中,所述灰暗区域的亮度小于所述页面亮度。 3. The method of claim 1 or claim 2, wherein, when the hit element in the current page displayed in the first region while further comprising: displaying the current page is the dark region, wherein said dark luminance region is smaller than the luminance page.
4.根据权利要求1或2所述的方法,其特征在于,所述页面亮度为所述当前页面在用户输入对应于所述命中元素的搜索请求消息之前处于正常显示状态时的亮度。 4. The method of claim 1 or claim 2, characterized in that, the brightness of the current page in the page display brightness in the normal state before the user inputs a request message corresponding to the search hit element.
5.根据权利要求1或2所述的方法,其特征在于,所述第一背景亮度大于所述页面亮度,且所述第二背景亮度大于所述第一背景亮度。 5. The method of claim 1 or claim 2, wherein said first page is greater than the background luminance brightness, and the second background luminance is greater than the first background luminance.
6.根据权利要求2所述的方法,其特征在于,所述预定缩小显示比例的值小于等于所述第一字符元素与所述放大后的第一字符元素的比值。 6. The method according to claim 2, wherein said predetermined reduction ratio is displayed smaller than or equal to the ratio of the first element and the character of the amplified first character element.
7.根据权利要求2所述的方法,其特征在于,所述第三区域的第三背景亮度小于等于所述第二背景亮度、且大于所述灰暗区域的亮度。 7. The method according to claim 2, wherein the third background brightness is less than the third area is equal to the second background luminance, and the luminance is greater than the dark area.
8.根据权利要求2所述的方法,其特征在于,所述第三区域的第三背景亮度小于等于所述第二背景亮度、且大于等于所述第一背景亮度。 8. The method according to claim 2, wherein the third background brightness is less than the third area is equal to the second background luminance and background luminance is greater than or equal to the first.
9.根据权利要求1或2所述的方法,其特征在于,当所述第一字符元素包括一个字符时, 按照预定放大显示比例,将所述命中元素中被用户选中的第一字符元素放大显示在第二区域,包括: 按照所述预定放大显示比例将所述字符显示在所述第二区域。 9. The method of claim 1 or claim 2, wherein, when the first character is a character element comprises, according to a predetermined display scale, the hit element to the selected user of the first amplifying element character in the second display region, comprising: a display scale in accordance with said predetermined character is displayed in the second region.
10.根据权利要求1或2所述的方法,其特征在于,当所述第一字符元素包括多个字符时, 按照预定放大显示比例,将所述命中元素中被用户选中的第一字符元素放大显示在第二区域,包括:按照所述预定放大显示比例和第一预定显示顺序将所述多个字符中的每个字符依次放大显示在所述第二区域; 按照预定缩小显示比例,将放大显示后的第一字符元素缩小显示在第三区域,包括:按照所述预定缩小显示比例和第二预定显示顺序将位于所述第二区域的每个字符依次缩小显示在所述第三区域。 10. The method of claim 1 or claim 2, wherein, when the first character element comprises a plurality of characters, according to a predetermined display scale, the hit element to the selected user of the first character elements in a second enlarged display region, comprising: a predetermined display scale in accordance with said predetermined display order, and a first plurality of said characters in each character are sequentially displayed in the second enlarged area; zoom out in predetermined, the the first element of a character displayed in the enlarged display reduced third region, comprising: a display in accordance with said predetermined reduction ratio and a second predetermined display order will be located in the second region of each character displayed sequentially reduced in the third region .
11.根据权利要求10所述的方法,其特征在于,所述第一预定显示顺序和所述第二预定显示顺是相同的。 11. The method according to claim 10, wherein said predetermined display order of the first and the second predetermined display the sequence is the same.
12.根据权利要求2、6、7、或8所述的方法,其特征在于,在按照预定缩小显示比例,将放大显示后的第一字符元素缩小显示在第三区域之后,所述方法还包括:当用户的选中对象从所述第一字符元素跳转至所述命中元素中的第二字符元素时,将先被放大显示再被缩小显示后的第一字符元素显示在所述第一区域。 12. The method of claim 2,6,7 or claim 8, wherein, in the first character display element of a proportion of the enlarged display reduced display after the third region, the method further reduced according to a predetermined comprising: an object when the user's selected character to jump from the first element to the second character element hit element will be amplified by the first character display element is reduced and then displayed in the first display after region.
13.—种元素信息的显示装置,其特征在于,包括: 第一显示模块,用于将当前页面中的命中元素显示在第一区域,其中,所述第一区域的第一背景亮度与所述当前页面的页面亮度不相同,其中,所述命中元素是以用户输入的搜索关键字进行搜索得到的结果; 第二显示模块,用于按照预定放大显示比例,将所述命中元素中被用户选中的第一字符元素放大显示在第二区域,其中,所述第二区域的第二背景亮度与所述第一背景亮度不相同。 13.- kinds of display element information device, characterized in that, comprising: a first display module, the hit element for the current page displayed in the first region, wherein the first background luminance of the first region said brightness is not the same page of the current page, wherein the hit element is a user inputted search keyword search results obtained; second display module, according to a predetermined display scale, the user is hit element a first amplifying element selected character displayed in the second region, wherein the second background brightness of the second region and the first brightness of the background are not the same.
14.根据权利要求13所述的装置,其特征在于,所述装置还包括: 第三显示模块,用于按照预定缩小显示比例,将放大后的第一字符元素缩小显示在第三区域。 14. The apparatus according to claim 13, wherein said apparatus further comprises: a third display module, according to a predetermined display scale for reducing the first element of a zoom character displayed in the third area.
CN2013102725665A 2013-07-01 2013-07-01 Method and device for displaying element information CN103309564A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN2013102725665A CN103309564A (en) 2013-07-01 2013-07-01 Method and device for displaying element information

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2013102725665A CN103309564A (en) 2013-07-01 2013-07-01 Method and device for displaying element information

Publications (1)

Publication Number Publication Date
CN103309564A true CN103309564A (en) 2013-09-18

Family

ID=49134847

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2013102725665A CN103309564A (en) 2013-07-01 2013-07-01 Method and device for displaying element information

Country Status (1)

Country Link
CN (1) CN103309564A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462418A (en) * 2014-12-11 2015-03-25 小米科技有限责任公司 Page displaying method and device and electronic device
CN105095362A (en) * 2015-06-25 2015-11-25 深圳码隆科技有限公司 Image display method and device based on target object

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101057239A (en) * 2004-11-10 2007-10-17 苹果电脑有限公司 Highlighting items for search results
CN101568923A (en) * 2006-12-21 2009-10-28 微软公司 Visualization and navigation of search results
CN101833574A (en) * 2010-04-15 2010-09-15 西安酷派软件科技有限公司 Method and system for locating application programs as well as mobile terminal
CN102934109A (en) * 2010-05-20 2013-02-13 萨基姆通讯宽带公司 Method for navigating within a search result obtained by means of a search engine

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101057239A (en) * 2004-11-10 2007-10-17 苹果电脑有限公司 Highlighting items for search results
CN101568923A (en) * 2006-12-21 2009-10-28 微软公司 Visualization and navigation of search results
CN101833574A (en) * 2010-04-15 2010-09-15 西安酷派软件科技有限公司 Method and system for locating application programs as well as mobile terminal
CN102934109A (en) * 2010-05-20 2013-02-13 萨基姆通讯宽带公司 Method for navigating within a search result obtained by means of a search engine

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462418A (en) * 2014-12-11 2015-03-25 小米科技有限责任公司 Page displaying method and device and electronic device
CN105095362A (en) * 2015-06-25 2015-11-25 深圳码隆科技有限公司 Image display method and device based on target object

Similar Documents

Publication Publication Date Title
KR101865425B1 (en) Adjustable and progressive mobile device street view
CN101802763B (en) Method for providing GUI and multimedia device using same
KR101450415B1 (en) Device, method, and graphical user interface for navigating through multiple viewing areas
US10346478B2 (en) Extensible search term suggestion engine
US9304651B2 (en) Method of real-time incremental zooming
US9990433B2 (en) Method for searching and device thereof
KR101814102B1 (en) Multipoint pinch gesture control of search results
US8069421B2 (en) Methods and apparatus for graphical object implementation
CN102214203B (en) A method for interactive applications such as web applications and auxiliary systems
US20100325573A1 (en) Integrating digital book and zoom interface displays
US8806325B2 (en) Mode identification for selective document content presentation
US20140223381A1 (en) Invisible control
US20150100881A1 (en) Device, method, and graphical user interface for navigating a list of identifiers
US8302020B2 (en) Widget authoring and editing environment
US20060005207A1 (en) Widget authoring and editing environment
JP2008504610A (en) Integration interest layer for user interface
KR20140072043A (en) Semantic zoom animations
KR20140074889A (en) Semantic zoom
KR20140074290A (en) Programming interface for semantic zoom
CN102237011B (en) Entity represents the overlapping visible
CN1664772A (en) Advanced navigation techniques for portable devices
CN1664761A (en) Key-based advanced navigation techniques
CN103999075A (en) Visual representation of supplemental information for a digital work
JP5257330B2 (en) Comment recording apparatus, comment recording method, program and recording medium
CN106415475A (en) Column interface for navigating in a user interface

Legal Events

Date Code Title Description
C06 Publication
C10 Entry into substantive examination
RJ01