[发明专利]网页中内容显示状态改变方法和装置

说明书

技术领域

本发明涉及通信领域，具体涉及一种网页中内容显示状态改变方法和装置。

背景技术

目前，网页中通常会设置一些供用户选择的交互接口，以便与用户进行交互。例如，在html页面中，通常会使用默认的标签，如select（下拉式菜单）、radio（单选按钮）或checkbox（多选框），来实现与用户交互的目的。

采用默认标签虽然可以实现交互的目的，但是，随着网页风格的多样化，html页面中的色彩越来越绚烂，视觉效果也逐步提升。可是，默认标签的显示样式（例如颜色、形状）却都是固定的，无法根据网页的整体页面风格进行调整，因此，这些用于提供交互功能的标签以其固定样式出现在各式花花绿绿的网页中，导致网页的整体风格非常不协调，破坏了网页整体的美观程度，严重降低了用户的视觉享受。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页中内容显示状态改变方法和装置。

依据本发明的一个方面，提供了一种网页中内容显示状态改变方法，包括：根据预设的查找条件查找网页中的第一交互元素，第一交互元素为要改变显示状态的网页内容；创建与第一交互元素相对应的第二交互元素，其中第二交互元素具有与第一交互元素相对应的外观和相同的用户交互方式；隐藏所查找到的第一交互元素，并在网页中与第一交互元素相对应的位置处显示第二交互元素；以及捕获用户与所述第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。

依据本发明的另一方面，提供了一种网页中内容显示状态改变装置，包括：查找单元，适于根据预设的查找条件查找网页中的第一交互元素，第一交互元素为要改变显示状态的网页内容；创建单元，适于创建与第一交互元素相对应的第二交互元素，其中第二交互元素具有与第一交互元素相对应的外观和相同的用户交互方式；显示单元，适于隐藏所查找到的第一交互元素，并在网页中与第一交互元素相对应的位置处显示第二交互元素；捕获单元，适于捕获用户与所述第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。

根据本发明的网页中内容显示状态改变方法及相应的装置，为网页中的第一交互元素创建对应的第二交互元素，该第二交互元素具有与第一交互元素相对应的外观和相同的交互方式，并在网页中与第一交互元素相对应的位置显示第二交互元素，由此解决了目前第一交互元素的样式固定且无法调整，从而影响页面的整体美观的问题，取得了能够用第二交互元素取代第一交互元素显示在网页中，从而达到顺应网页的整体风格，改善网页的整体美观程度的有益效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的网页中内容显示状态改变方法流程图；

图2示出了根据本发明一个实施例的select标签对应的展现效果示意图；

图3示出了根据本发明一个实施例的radio标签对应的展现效果示意图；

图4示出了根据本发明一个实施例的checkbox标签对应的展现效果示意图；

图5a示出了本发明一个实施例中以第一交互元素进行展现的示意图；

图5b示出了本发明一个实施例中以第二交互元素进行展现的示意图；

图6根据本发明一个实施例的网页中内容显示状态改变装置结构图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了本发明实施例提供的网页中内容显示状态改变方法流程图。如图1所示，该方法始于步骤S110，在步骤S110中，根据预设的查找条件查找网页中的第一交互元素，该第一交互元素为要改变显示状态的网页内容。