一种实现网页特效的方法及系统 【技术领域】
本发明涉及网页显示技术领域,具体涉及一种实现网页特效的方法及系统。
背景技术
随着web技术的不断发展,基于web的应用和形式也不断增多,用户对web页面的要求和页面体验也越来越高。不仅仅是要求页面的显示和排版,同时对于页面上带有动画的显示效果和特效也提出了更高的要求。
元素对象是组成网页所需的部件,如:控件、图片、文字等等,页面特效包括元素对象表现出来的各种效果,例如:移动、放大缩小、旋转、透明度变化等等,这一系列带有页面对象的位置、大小、透明度三个属性变化过程的效果,均可以归结为页面特效,更可以大大改善用户的体验。普通网页中,特效的实现是通过Dom修改页面标签的属性,改变其left(距离窗口左边的值),top(距离窗口上边的值),width(宽度),height(高度),opacity(透明度)值来达到特效的实现。每一步的属性修改,都要引发浏览器的解析、排版、刷新等操作,这样不仅需要浏览器开销很大,而且特效的显示过程较慢。这种较慢的速度在嵌入式的环境中表现更加明显,因为嵌入式环境的资源是受限制的。较难在嵌入式上得到应用,而且难以被用户接受。
【发明内容】
鉴于现有技术存在的问题,本发明实施例提供了一种实现网页特效的方法,该方法包括以下步骤:
设置需要执行特效显示的元素对象;
底层驱动层获取并管理需要执行特效显示的元素对象信息;
底层驱动层获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息;
底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。
同时,本发明实施例还提供了一种实现网页特效的系统,包括:
设置单元,用于设置需要执行特效显示的元素对象;
管理单元,设置于底层驱动层,用于获取并管理需要执行特效显示的元素对象信息,
特效请求获取得单元,设置于底层驱动层,用于获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息;
特效执行单元,设置于底层驱动层,用于根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。
实施本发明实施例,底层驱动层获取并管理需要执行特效显示的元素对象信息,进而获取网页特效执行请求,并根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示.在特效执行时,通过底层驱动层直接控制特效对象的刷新及显示,节省了浏览器排版,刷新和控制的时间,减少了特效执行过程中的系统开销,改善了用户体验感.
【附图说明】
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例一种实现网页特效的方法的流程图;
图2是本发明实施例一种实现网页特效的系统组成示意图。
【具体实施方式】
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的其他实施例。都属于本发明保护的范围。
本发明实施例提供一种实现网页特效的方法及系统,可以减轻网页特效过程的计算处理负担,加快网页特效地实现过程,提升用户体验感。
下面进行详细说明。
参考图1,为本发明实施例一种实现网页特效的方法的流程图,该方法包括以下步骤:
S101,设置需要执行特效显示的元素对象。
此处,所述元素对象是组成网页所需的部件,如:控件、图片、文字等等,页面特效包括元素对象表现出来的各种效果,例如:移动、放大缩小、旋转、透明度变化等等,这一系列带有页面对象的位置、大小、透明度三个属性变化过程的效果,均可以归结为页面特效。在网页中声明并设置需要执行特效显示的元素对象之后,浏览器将解析网页,分析并判断其中需要执行特效的元素对象,进而浏览器下载并解析所述元素对象,并将所述需要执行特效的元素对象信息(例如:坐标信息、大小信息及透明度信息、图片或者文本信息)传送至所述底层驱动层。
S102,底层驱动层获取并管理需要执行特效显示的元素对象信息;
底层驱动层接受到所述需要执行特效显示的元素对象信息之后,将检查和控制所述元素对象的显示,如哪些需要显示,哪些不需要显示,显示在什么位置,背景颜色是什么等等,进而底层驱动层会将所述元素对象在浏览器界面进行显示。
S103,底层驱动层获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息。
其中,所述特效的类型包括位置移动特效、大小变化特效、旋转特效、透明度变化特效等,所述特效参数信息为特效前后位置信息、特效刷新频率等信息,所述特效裁剪区域信息是需要执行特效的元素对象在浏览器界面显示的相关区域。
S104,底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。
此处,所述步骤S104具体包括以下步骤:
判断所述特效参数是否合法(参数是否合法是指参数的值、类型等是否在特效指定的范围内,如特效参数指定特效执行的间隔时间为-50毫秒,很显然是不合法,执行间隔时间不可能是负50呢),若判断为是,则根据所述特效裁剪区域信息计算所述元素对象的特效执行区域关联的对象;根据所述特效类型信息及所述特效参数信息管理所述元素对象及特效执行区域关联的对象的刷新,实现网页特效显示。
此处,所述根据特效裁剪区域信息计算所述元素对象的特效执行区域关联的对象是指计算特效执行区域关联对象的位置等信息。
参考图2,为本发明实施例一种实现网页特效的系统构成示意图,该系统包括:
设置单元21,用于设置需要执行特效显示的元素对象。
此处,所述元素对象是组成网页所需的部件,如:控件、图片、文字等等,页面特效包括元素对象表现出来的各种效果,例如:移动、放大缩小、旋转、透明度变化等等,这一系列带有页面对象的位置、大小、透明度三个属性变化过程的效果,均可以归结为页面特效。在网页中声明并设置需要执行特效显示的元素对象之后,浏览器将解析网页,分析并判断其中需要执行特效的元素对象,进而浏览器下载并解析所述元素对象,并将所述需要执行特效的元素对象信息(例如:坐标信息、大小信息及透明度信息、图片或者文本信息)传送至所述底层驱动层。
下载单元22,用于通过浏览器下载并解析所述设置单元21设置的需要执行特效显示的元素对象。
传送单元23,将所述元素对象传送至所述管理单元24。
管理单元24,设置于底层驱动层,用于获取并管理需要执行特效显示的元素对象信息。
底层驱动层接受到所述需要执行特效显示的元素对象信息之后,将检查和控制所述元素对象的显示,如哪些需要显示,哪些不需要显示,显示在什么位置,背景颜色是什么等等,进而底层驱动层会将所述元素对象在浏览器界面进行显示。
特效请求获取单元25,设置于底层驱动层,用于获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息。
其中,所述特效的类型包括位置移动特效、大小变化特效、旋转特效、透明度变化特效等,所述特效参数信息为特效前后位置信息、特效刷新频率等信息,所述特效裁剪区域信息是需要执行特效的元素对象在浏览器界面显示的相关区域。
特效执行单元26,设置于底层驱动层,用于根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。
这里所述特效执行单元26包括:
判断单元261,用于判断所述特效参数是否合法,若判断为是,则根据所述特效裁剪区域信息计算所述元素对象的特效执行区域关联的对象;
执行单元262,用于根据所述特效类型信息及所述特效参数信息管理所述元素对象及特效执行区域关联的对象的刷新,实现网页特效显示。
实施本发明实施例,底层驱动层获取并管理需要执行特效显示的元素对象信息,进而获取网页特效执行请求,并根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。在特效执行时,通过底层驱动层直接控制特效对象的刷新及显示,节省了浏览器排版,刷新和控制的时间,减少了特效执行过程中的系统开销,改善了用户体验感。
以上所揭露的仅为本发明一种较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。