[发明专利]一种实现网页特效的方法及系统

说明书

技术领域

本发明涉及网页显示技术领域，具体涉及一种实现网页特效的方法及系统。

背景技术

随着web技术的不断发展，基于web的应用和形式也不断增多，用户对 web页面的要求和页面体验也越来越高。不仅仅是要求页面的显示和排版，同时 对于页面上带有动画的显示效果和特效也提出了更高的要求。

元素对象是组成网页所需的部件，如：控件、图片、文字等等，页面特效 包括元素对象表现出来的各种效果，例如：移动、放大缩小、旋转、透明度变 化等等，这一系列带有页面对象的位置、大小、透明度三个属性变化过程的效 果，均可以归结为页面特效，更可以大大改善用户的体验。普通网页中，特效 的实现是通过Dom修改页面标签的属性，改变其left(距离窗口左边的值)，top (距离窗口上边的值)，width(宽度)，height(高度)，opacity(透明度)值来 达到特效的实现。每一步的属性修改，都要引发浏览器的解析、排版、刷新等 操作，这样不仅需要浏览器开销很大，而且特效的显示过程较慢。这种较慢的 速度在嵌入式的环境中表现更加明显，因为嵌入式环境的资源是受限制的。较 难在嵌入式上得到应用，而且难以被用户接受。

发明内容

鉴于现有技术存在的问题，本发明实施例提供了一种实现网页特效的方法， 该方法包括以下步骤：

设置需要执行特效显示的元素对象；

底层驱动层获取并管理需要执行特效显示的元素对象信息；

底层驱动层获取网页特效执行请求，该特效执行请求携带有特效的类型 信息、特效参数信息及特效裁剪区域信息；

底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执 行网页特效的显示，包括：

判断所述特效参数是否合法，若判断为是，则根据所述特效裁剪区域信息 计算所述元素对象的特效执行区域关联的对象；

根据所述特效类型信息及所述特效参数信息管理所述元素对象及特效执行 区域关联的对象的刷新，实现网页特效显示。

同时，本发明实施例还提供了一种实现网页特效的系统，包括：

设置单元，用于设置需要执行特效显示的元素对象；

管理单元，设置于底层驱动层，用于获取并管理需要执行特效显示的元素 对象信息，

特效请求获取得单元，设置于底层驱动层，用于获取网页特效执行请求， 该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息；

特效执行单元，设置于底层驱动层，用于根据所述特效类型信息、特效参 数信息及特效裁剪区域信息执行网页特效的显示，

所述特效执行单元包括：

判断单元，用于判断所述特效参数是否合法，若判断为是，则根据所述特 效裁剪区域信息计算所述元素对象的特效执行区域关联的对象；

执行单元，用于根据所述特效类型信息及所述特效参数信息管理所述元素 对象及特效执行区域关联的对象的刷新，实现网页特效显示。

实施本发明实施例，底层驱动层获取并管理需要执行特效显示的元素对象 信息，进而获取网页特效执行请求，并根据所述特效类型信息、特效参数信息 及特效裁剪区域信息执行网页特效的显示。在特效执行时，通过底层驱动层直 接控制特效对象的刷新及显示，节省了浏览器排版，刷新和控制的时间，减少 了特效执行过程中的系统开销，改善了用户体验感。

附图说明

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

图1是本发明实施例一种实现网页特效的方法的流程图；

图2是本发明实施例一种实现网页特效的系统组成示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清 楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是 全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造 性劳动前提下所获得的其他实施例。都属于本发明保护的范围。