[发明专利]一种网页特效实现方法和浏览器

说明书

技术领域

本发明涉及计算机信息领域，尤其涉及一种网页特效实现方法和装置。

背景技术

随着web技术的不断发展，基于web的应用也越来越多。在计算机上， 各种效果绚丽、视觉冲击力强的web页面被越来越多的用户所喜欢和接受。 在嵌入式环境下，也要实现这种效果，就对硬件和支持web应用的浏览器等 提出了更高的要求。

目前，在开发web页面时，要实现特效，基本的方法就是将元素的大小 (width，height)，位置(left，top)，透明度(opacity)一步一步地进行变化，连续看 起来就好像是动态的变化效果。而在网页中，要实现这种变化，唯一能使用 的方法就是将元素标签的left(距离左边界的值)，top(距离上边界的值)， width(宽度)，height(高度)，透明度(opacity)每移动一步就进行变化一次。比如， 通过JavaScript操作文档对象模型(Document Object Model，DOM)节点的 元素，改变其left，top，width，height，opacity的值，来实现特效。

特效每执行一步，都需要修改left，top，width，height，opacity这五个值 中的至少一个，重新对元素的属性值进行解析和操作。这种频繁的变化每次 都会引起浏览器对于该区域的重新排版，布局和刷新。在嵌入式资源有限的 情况下，这样的操作不仅影响速度，而且对于特效的展现也显得不是那么绚 丽和连贯。

发明内容

本发明实施例所要解决的技术问题在于，提供一种网页特效实现方法和 装置，可以快速的实现网页特效。

为了解决上述技术问题，本发明实施例提供了一种网页特效实现方法， 包括：获取网页标签，并判断所述标签中是否包括特效属性；若判断结果为 是，则获取所述标签中设置的特效类型和特效参数；根据所述特效类型和特 效参数显示所述标签的特效；在所述标签的特效显示完后，更新所述标签。

其中，所述更新所述标签包括：获取所述特效属性的特效属性值，根据 所述特效属性值更新所述标签的标准属性值；根据所述更新后的标准属性值 在网页中显示所述标签。

所述根据所述特效类型和特效参数显示所述标签的特效包括：根据所述 特效类型和特效参数通知特效实现模块实现所述标签的特效；所述特效实现 模块通过JavaScript扩展和浏览器实现特效；显示所述特效实现模块实现的 所述特效。

相应地，本发明实施例还提供了一种网页特效实现装置，包括：属性获 取模块，用于获取网页标签，并判断所述标签中是否包括特效属性；参数获 取模块，用于当属性获取模块的判断结果为是时，获取所述标签中设置的特 效类型和特效参数；显示模块，用于根据所述特效类型和特效参数显示所述 标签的特效；更新模块，用于在所述特效显示完后，更新所述标签。

其中，所述更新模块包括：值获取子模块，用于获取所述特效属性的特 效属性值，根据所述特效属性值更新所述标签的标准属性值；显示子模块， 用于根据所述更新后的标准属性值在网页中显示所述标签。

所述显示模块包括通知子模块和显示子模块；所述通知子模块用于根据 所述特效类型和特效参数通知特效实现模块实现所述特效；所述特效实现模 块通过JavaScript扩展和浏览器实现特效；所述显示子模块用于显示所述特效 实现模块实现的所述特效。

在本发明实施例中，通过标签携带特效的相关信息，在特效实现过程中 不需对标签进行更改，只需要在特效实现完成后再更新标签，使得特效可以 快速的实现；同时采用单独特效实现模块执行特效，提高了网页中特效的执 行效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实 施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面 描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲， 在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例中的网页特效实现方法的一个具体流程示意图；

图2是本发明实施例中的网页特效实现方法的另一个具体流程示意图；

图3是本发明系统实施例中的三层结构的示意图；

图4是本发明系统实施例中的三层之间的交互关系和执行流程；

图5是本发明系统实施例中浏览器的一种组成示意图。