一种实现网页特效的方法及系统.pdf

上传人:e1 文档编号:5781337 上传时间:2019-03-19 格式:PDF 页数:8 大小:387.27KB
返回 下载 相关 举报
摘要
申请专利号:

CN200910109623.1

申请日:

2009.11.16

公开号:

CN101706782A

公开日:

2010.05.12

当前法律状态:

授权

有效性:

有权

法律详情:

授权|||实质审查的生效IPC(主分类):G06F 17/30申请日:20091116|||公开

IPC分类号:

G06F17/30

主分类号:

G06F17/30

申请人:

深圳市同洲电子股份有限公司

发明人:

刘慧; 夏超

地址:

518129 广东省深圳市南山区高新科技园北区彩虹科技大厦

优先权:

专利代理机构:

广州三环专利代理有限公司 44202

代理人:

郝传鑫;潘中毅

PDF下载: PDF下载
内容摘要

本发明提供了一种实现网页特效的方法及系统,包括:设置需要执行特效显示的元素对象;底层驱动层获取并管理需要执行特效显示的元素对象信息;底层驱动层获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息;底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。在特效执行时,通过底层驱动层直接控制特效对象的刷新及显示,节省了浏览器排版,刷新和控制的时间,减少了特效执行过程中的系统开销,改善了用户体验感。

权利要求书

1: 一种实现网页特效的方法,其特征在于,包括以下步骤: 设置需要执行特效显示的元素对象; 底层驱动层获取并管理需要执行特效显示的元素对象信息; 底层驱动层获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息; 底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。
2: 如权利要求1所述的方法,其特征在于,在所述设置需要执行特效显示的元素对象的步骤之后及所述底层驱动层获取并管理需要执行特效显示的元素对象信息的步骤之前包括: 浏览器下载并解析所述元素对象,并将所述需要执行特效的元素对象信息传送至所述底层驱动层。
3: 如权利要求1所述的方法,其特征在于,所述底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示的步骤包括: 判断所述特效参数是否合法,若判断为是,则根据所述特效裁剪区域信息计算所述元素对象的特效执行区域关联的对象; 根据所述特效类型信息及所述特效参数信息管理所述元素对象及特效执行区域关联的对象的刷新,实现网页特效显示。
4: 如权利要求1所述的方法,其特征在于,所述元素对象信息包括坐标信息、大小信息及透明度信息。
5: 如权利要求1所述的方法,其特征在于,所述特效为位置移动特效、和/或大小变化特效、和/或透明度变化特效。
6: 一种实现网页特效的系统,其特征在于,包括: 设置单元,用于设置需要执行特效显示的元素对象; 管理单元,设置于底层驱动层,用于获取并管理需要执行特效显示的元素对象信息, 特效请求获取得单元,设置于底层驱动层,用于获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息; 特效执行单元,设置于底层驱动层,用于根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。
7: 如权利要求6所述的系统,其特征在于,还包括: 下载单元,用于通过浏览器下载并解析所述设置单元设置的需要执行特效显示的元素对象; 传送单元,将所述元素对象传送至所述管理单元。
8: 如权利要求6所述的系统,其特征在于,所述特效执行单元包括: 判断单元,用于判断所述特效参数是否合法,若判断为是,则根据所述特效裁剪区域信息计算所述元素对象的特效执行区域关联的对象; 执行单元,用于根据所述特效类型信息及所述特效参数信息管理所述元素对象及特效执行区域关联的对象的刷新,实现网页特效显示。
9: 如权利要求6所述的系统,其特征在于,所述元素对象信息包括坐标信息、大小信息 及透明度信息.
10: 如权利要求6所述的系统,其特征在于,所述特效为位置移动特效、和/或大小变化特效、和/或透明度变化特效。

说明书


一种实现网页特效的方法及系统

    【技术领域】

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

    背景技术

    随着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,用于根据所述特效类型信息及所述特效参数信息管理所述元素对象及特效执行区域关联的对象的刷新,实现网页特效显示。

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

    以上所揭露的仅为本发明一种较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。

一种实现网页特效的方法及系统.pdf_第1页
第1页 / 共8页
一种实现网页特效的方法及系统.pdf_第2页
第2页 / 共8页
一种实现网页特效的方法及系统.pdf_第3页
第3页 / 共8页
点击查看更多>>
资源描述

《一种实现网页特效的方法及系统.pdf》由会员分享,可在线阅读,更多相关《一种实现网页特效的方法及系统.pdf(8页珍藏版)》请在专利查询网上搜索。

本发明提供了一种实现网页特效的方法及系统,包括:设置需要执行特效显示的元素对象;底层驱动层获取并管理需要执行特效显示的元素对象信息;底层驱动层获取网页特效执行请求,该特效执行请求携带有特效的类型信息、特效参数信息及特效裁剪区域信息;底层驱动层根据所述特效类型信息、特效参数信息及特效裁剪区域信息执行网页特效的显示。在特效执行时,通过底层驱动层直接控制特效对象的刷新及显示,节省了浏览器排版,刷新和控制。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 物理 > 计算;推算;计数


copyright@ 2017-2020 zhuanlichaxun.net网站版权所有
经营许可证编号:粤ICP备2021068784号-1