CN104133624B - 网页动画显示方法、装置及终端 - Google Patents

Abstract

本发明公开了一种网页动画显示方法、装置及终端，属于互联网领域。所述方法包括：显示网页中的动画元素；获取移动终端的姿态信息；根据该移动终端的姿态信息的变化调整该动画元素的显示。所述装置包括：显示模块、获取模块和调整模块。本发明通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

Description

网页动画显示方法、装置及终端

技术领域

本发明涉及互联网领域，特别涉及一种网页动画显示方法、装置及终端。

背景技术

动画元素是一种相比于图片元素来说，趣味性更高的网页页面元素。通常，在网页页面中添加动画元素在一定程度上会提高网页页面的趣味性，延长用户在网页页面的停留时间。

目前，常见的网页动画显示方法，包括：移动终端获取一网页页面，该网页页面包括有若干个动画元素；移动终端显示该网页页面，并播放该若干个动画元素。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：移动终端通常在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一。

发明内容

为了解决现有技术移动终端通常在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题，本发明实施例提供了一种网页动画显示方法、装置及终端。所述技术方案如下：

根据本发明实施例的第一方面，提供了一种网页动画显示方法，用于移动终端中，所述方法包括：

显示网页中的动画元素；

获取该移动终端的姿态信息；

根据该移动终端的姿态信息的变化调整该动画元素的显示；

所述根据所述移动终端的姿态信息的变化调整所述动画元素的显示，包括：

根据所述移动终端的姿态信息的变化调整所述动画元素的显示位置发生改变，所述姿态信息的变化是所述移动终端机身的旋转角度的变化，所述移动终端的机身角度朝向第一方向旋转时，将所述动画元素的显示位置向所述第一方向或者与所述第一方向相反的方向移动；

其中，所述显示位置移动的距离与所述机身角度的旋转角度呈正相关关系。

根据本发明实施例的第二方面，提供了一种网页动画显示装置，用于移动终端中，所述装置包括：

显示模块，用于显示网页中的动画元素；

获取模块，用于获取该移动终端的姿态信息；

调整模块，用于根据该移动终端的姿态信息的变化调整该动画元素的显示；

所述调整模块，包括：

位置调整单元，根据所述移动终端的姿态信息的变化调整所述动画元素的显示位置发生改变，所述姿态信息的变化是所述移动终端机身的旋转角度的变化，所述移动终端的机身角度朝向第一方向旋转时，将所述动画元素的显示位置向所述第一方向或者与所述第一方向相反的方向移动；

其中，所述显示位置移动的距离与所述机身角度的旋转角度呈正相关关系。

根据本发明实施例的第三方面，提供了一种终端，包括：

一个或者一个以上的处理器；

存储器；

以及一个或者一个以上的程序，其中该一个或者一个以上程序存储于该存储器中，且经配置以由该一个或者一个以上处理器执行，该一个或者一个以上程序包含用于进行以下操作的指令：

显示网页中的动画元素；

获取该移动终端的姿态信息；

根据该移动终端的姿态信息的变化调整该动画元素的显示；

所述根据所述移动终端的姿态信息的变化调整所述动画元素的显示，包括：

根据所述移动终端的姿态信息的变化调整所述动画元素的显示位置发生改变，所述姿态信息的变化是所述移动终端机身的旋转角度的变化，所述移动终端的机身角度朝向第一方向旋转时，将所述动画元素的显示位置向所述第一方向或者与所述第一方向相反的方向移动；

其中，所述显示位置移动的距离与所述机身角度的旋转角度呈正相关关系。

本发明实施例提供的技术方案带来的有益效果是：

通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

附图说明

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

图1是本发明一个实施例提供的网页动画显示方法的方法流程图；

图2A是本发明另一实施例提供的网页动画显示方法的方法流程图；

图2B是图2A所示实施例提供的一种动画元素的示意图；

图2C是图2A所示实施例提供的一种根据移动终端的姿态信息的变化对图2B所示的动画元素的显示位置进行改变的示意图；

图2D是图2A所示实施例提供的一种根据移动终端的姿态信息的变化对图2B所示的动画元素的显示内容进行改变的示意图；

图3A是本发明再一实施例提供的网页动画显示方法的方法流程图；

图3B是图3A所示实施例提供的根据用户触发的控制信号调整动画元素的显示位置发生改变的示意图；

图3C是本发明再一实施例提供的根据用户触发的控制信号调整动画元素的显示内容发生改变的示意图；

图4是本发明一个实施例提供的网页动画显示装置的装置结构示意图；

图5是本发明另一实施例提供的网页动画显示装置的装置结构示意图；

图6是本发明再一实施例提供的网页动画显示装置的装置结构示意图；

图7是本发明的一个实施例提供的终端的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

本发明实施例中的移动终端可以是具有网页以及网页动画显示功能的电子设备。该电子设备可以是智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器或者膝上型便携计算机等等。

请参考图1，其示出了本发明一个实施例提供的网页动画显示方法的方法流程图，本实施例以该网页动画显示方法应用于移动终端中来进行举例说明。参见图1，该方法流程具体包括：

101、显示网页中的动画元素。

102、获取移动终端的姿态信息。

其中，该姿态信息包括移动终端在三维空间中的三维坐标、机身角度和/或在各个方向上的加速度。

103、根据移动终端的姿态信息的变化调整动画元素的显示。

综上所述，本发明实施例提供的网页动画显示方法，通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

请参考图2A，其示出了本发明另一实施例提供的网页动画显示方法的方法流程图，本实施例以该网页动画显示方法应用于移动终端中来进行举例说明。参见图2A，该方法流程具体包括：

201、显示网页中的动画元素。

在本发明实施例中，移动终端在第一指定时刻开始显示网页中的动画元素。其中，该第一指定时刻可以为当前显示内容被滚动至动画元素所处的预定区域时，还可以为当前显示内容跳转至该网页时，或当前显示的内容的指定位置接收到用户的第一触发信号时。

假设移动终端显示的网页中的动画元素为“小丑”，如图2B所示。图2B是图2A所示实施例提供的一种动画元素的示意图，可以看出，在网页20中显示有“小丑”21和“小丑”22。

需要说明的是，开发人员在制作网页时，可以利用情感化因素，根据网页所表达的主题创作动画元素，以使得移动终端在显示网页中的动画元素时，可以显示出与当前网页所表达的主题相同或与当前网页产生互动的动画元素。比如，对于一个游戏网页，可以使用该游戏中惯用的角色，常见的运动方式等创作动画，以使得移动终端显示的动画元素可以与用户产生共鸣。

202、获取移动终端的姿态信息。

当移动终端显示了网页中的动画元素时，移动终端获取自身的姿态信息。其中，该姿态信息包括移动终端当前所处的方位、倾斜度和各个方向上的加速度中至少一种。

203、根据移动终端的姿态信息的变化调整动画元素的显示位置发生改变。

当移动终端获取到自身的姿态信息时，移动终端根据该姿态信息的变化，调整动画元素的显示位置。

假设移动终端获取到的姿态信息是倾斜度，则该姿态信息的变化就可以为移动终端机身的旋转角度的变化。其中，移动终端的机身角度朝向第一方向旋转时，将动画元素的显示位置向第一方向或者与第一方向相反的方向移动，其中，该显示位置移动的距离与机身角度的旋转角度呈正相关关系。

继续假设移动终端网页显示的动画元素为图2B所示的动画元素“小丑”，则根据移动终端的姿态信息的变化调整动画元素的显示位置的示意图可以为图2C所示的示意图。

图2C是图2A所示实施例提供的一种根据移动终端的姿态信息的变化对图2B所示的动画元素的显示位置进行改变的示意图。参见图2C，可以看出，当移动终端水平放置时，即移动终端正面朝上且与水平桌面的夹角为0度时，“小丑”21和“小丑”22在移动终端网页上的显示位置分别为图2C左所示，随着移动终端机身的旋转，移动终端右侧与水平桌面的夹角增加，该移动终端屏幕中的动画元素“小丑”的位置也在不断变化，即该移动终端中的动画元素“小丑”的显示位置也在相对于移动终端屏幕向右移动，如图2C右所示，参考图2C右可以看出，此时由于移动终端姿态信息的变化，“小丑”21的显示位置已经移动至移动终端屏幕的最右侧，而“小丑”22已经移出了该移动终端屏幕的显示区域。

需要说明的是，上述仅以动画元素的位置相对于移动终端屏幕向右移动为例进行说明，事实上，在本发明提供的其他实施例中，当移动终端的机身以与上述相同的方向旋转时，动画元素的显示位置也可以相对于移动终端屏幕向左移动，其具体实现过程与上述相同或类似，这里不再赘述。

还需要说明的是，该图2C所示的动画元素位置改变示意图仅是示意性的，在本发明提供的其他实施例中，动画元素的显示位置的移动形式还可以包括其他的形式，比如，以图2C中的“小丑”22为例，在一种可能的实现方式中，该“小丑”22可能会重现出现在移动终端屏幕的最左侧，从而继续从移动终端屏幕的左侧相对于右侧移动；在另一种可能的实现方式中，当“小丑”22移动到移动终端屏幕最右侧时，可以继续从移动终端屏幕最右侧向移动终端屏幕左侧移动，此时，可以相当于该移动终端右侧给了该“小丑”22一个反冲力，以使得其可以向左移动，而当“小丑”22移动到移动终端屏幕最左侧时，同样，移动终端左侧也可以给“小丑”22一个反冲力，以使得其可以向右移动，依次类推。

204、根据移动终端的姿态信息的变化调整动画元素的显示内容发生改变。

当移动终端获取到自身的姿态信息时，移动终端根据该姿态信息的变化，调整动画元素的显示内容。

假设移动终端的姿态信息是朝向，则该姿态信息的变化是就可以为移动终端的机身朝向的改变。其中，动画元素的显示方向跟随移动终端的机身朝向发生改变。

继续假设移动终端屏幕当前显示的动画元素为图2B所示的元素“小丑”，则根据移动终端的姿态信息的变化调整动画元素的显示内容的示意图可以为图2D所示的示意图。

图2D是图2A所示实施例提供的一种根据移动终端的姿态信息的变化对图2B所示的动画元素的显示内容进行改变的示意图。参见图2D，可以看出，当移动终端的朝向为北时，移动终端屏幕中显示的动画元素为“小丑”21和“小丑”22的头部正对着移动终端的顶部。当移动终端的朝向为东时，移动终端屏幕中显示的动画元素为“小丑”21和“小丑”22的头部所对着移动终端的左侧。此处也可以理解为：当移动终端的朝向为北时，动画元素是竖屏显示的，当移动终端的朝向为东时，动画元素是横屏显示的。

需要说明的是，上述描述中所涉及的朝向，均指的是移动终端的头部所对的方向进行说明的。

205、根据移动终端的姿态信息的变化调整动画元素的动画显示速度发生改变。

当移动终端获取到自身的姿态信息时，移动终端根据该姿态信息的变化，调整动画元素的动画显示速度。

假设移动终端获取到的姿态信息是加速度，该加速度包括三维空间上至少一个方向的加速度，比如，假设该三维空间的坐标表示为(x，y，z)，并假设移动终端获取到的姿态信息为(20，10，0)，则动画元素在移动时，x轴对应的动画显示速度的变化就会大于y轴对应的动画显示移动速度的变化，而z轴的动画显示速度是保持恒定不变的。

需要说明的是，在本实施例中，步骤203至205是按照先后顺序进行的，而事实上，在本发明提供的其他实施例中，该步骤203至205还可以按照另一先后顺序进行，或该步骤203至205也可以同步进行，本发明对此不作限定。

还需要说明的是，移动终端还可以在第二指定时刻结束显示网页中的动画元素。其中，该第二指定时刻包括：在当前显示内容被滚动出动画元素所处的预定区域；或，在根据用户的第二触发信号完成预定操作时；或，在当前显示内容的指定位置接收到用户的第三触发信号时。

综上所述，本发明实施例提供的网页动画显示方法，通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

本发明实施例提供的网页动画显示方法，通过获取移动终端的姿态信息，根据移动终端的姿态信息的变化调整动画元素的显示位置发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的显示内容发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的动画显示速度发生改变；以及通过在第一指定时刻开始显示网页中的动画元素，在第二指定时刻结束显示网页中的动画元素；在达到动画元素的显示位置、显示内容或动画显示速度与移动终端的姿态信息的改变产生交互的目的的同时，提高了网页动画显示的有序性。

请参考图3A，其示出了本发明再一实施例提供的网页动画显示方法的方法流程图，本实施例以该网页动画显示方法应用于移动终端中来进行举例说明。参见图3A，该方法流程具体包括：

301、获取一网页，该网页中包括至少一个动画元素。

在本发明实施例中，当移动终端检测到网页访问请求指令时，移动终端获取该访问请求所对应的网页。其中，该网页中包括至少一个动画元素。

可选地，该访问请求指令可以是用户通过点击网址链接或扫描二维码，触发的访问请求指令。

302、检测移动终端是否支持硬件加速。

在本发明实施例中，为了保证网页以及网页中的动画元素能够流畅的显示，移动终端在显示网页中的动画元素之前，首先检测移动终端自身是否支持硬件加速。

可选地，移动终端可以通过预先下载硬件检测工具，通过调用硬件检测工具检测自身是否支持硬件加速。

303、如果移动终端支持硬件加速，则启动硬件加速。

在步骤302中，如果移动终端支持硬件加速，则移动终端启动该硬件加速，以使得网页以及网页中的动画元素能够流畅的显示。

304、检测移动终端的系统版本是否低于预定系统版本。

在本发明实施例中，为了保证各种系统版本的移动终端都能够合理的显示动画元素，移动终端在显示网页中的动画元素之前，还会检测移动终端的系统版本是否低于预定系统版本。

具体地，移动终端可以将自身的系统版本与预定系统版本进行对比，来检测自身系统版本是否低于预定系统版本。

其中，该预定系统版本用于衡量移动终端的系统版本的高低，若检测到移动终端的系统版本高于预定系统版本，则说明移动终端的系统版本较高；若检测到移动终端的系统版本低于预定系统版本，则说明移动终端的系统版本较低。

305、如果移动终端的系统版本低于预定系统版本，则降低网页中动画元素的数量和显示质量。

在步骤304中，如果检测到的移动终端的系统版本低于预定系统版本，则移动终端降低网页中动画元素的数量和质量。

比如，假设网页中本来有3个动画元素，当移动终端检测到移动终端自身的系统版本低于预定版本时，移动终端将网页中本来的3个动画元素降低为2个动画元素。

再比如，假设网页中的动画元素的像素为10*10，当移动终端检测到移动终端自身的系统版本低于预定版本时，移动终端将网页中的动画元素的像素降低为9*9或8*8等等。

需要说明的是，上述在描述动画元素的质量时，仅以像素为例进行说明，在实际应用中，动画元素的质量还可以体现为动画元素的帧频，动画元素的播放速度的快慢等。

需要说明的是，移动终端在降低网页中的动画的数量和质量时，可以根据自身系统版本低于预定系统版本的程度来对动画元素的数量和质量进行减低。其中，该对动画元素的数量和质量进行减低的程度与自身系统版本低于预定系统版本的程度呈正相关关系。

还需要说明的是，上述对网页中动画元素的数量和质量的降低可以同时进行，也可以分开进行，即，移动终端在可以只降低动画元素的数量，也可以只降低动画元素的质量，还可对动画元素的数量和质量都进行降低，本发明对此不作限定。

306、显示网页中的动画元素。

该步骤306与图2A所示实施例中的步骤201相同或类似，本实施例对此不再赘述。

307、获取移动终端的姿态信息。

该步骤307与图2A所示实施例中的步骤202相同或类似，本实施例对此不再赘述。

308、根据移动终端的姿态信息的变化调整动画元素的显示。

该步骤308可以包括图2A所示实施例中的步骤203至步骤205中的一种或几种，本实施例在此不再详细赘述。

但是需要说明的是，发明实施例所提供的方案，支持根据移动终端的姿态信息的变化调整动画元素显示的同时，还支持根据用户的操作触发的控制信号调整动画元素显示，具体如下：

309、在显示动画元素的过程中，接收用户触发的控制信号。

其中，该控制信号是根据用户对网页或网页中动画元素的操作触发的。

310、根据控制信号调整动画元素的显示位置发生改变。

当移动终端接收到用户触发的控制信号时，移动终端根据该控制信号，调整动画元素的动画显示位置发生改变。

继续假设移动终端屏幕当前显示的动画元素为图2B所示的元素“小丑”，则根据移动终端接收到用户触发的控制信号调整动画元素的显示位置的示意图可以为图3B所示的示意图。

图3B是图3A所示实施例提供的根据用户触发的控制信号调整动画元素的显示位置发生改变的示意图。参见与3B，可以看出，此图中所示的是根据用户的向下滑动操作，触发的控制信号，使动画元素的显示位置相对于移动终端屏幕向下移动。

本示意图是以当用户的操作是向下滑动的操作时，触发的控制信号使动画元素相对于移动终端屏幕向下移动为例进行说明的，即，是以动画元素的移动方向与用户的操作方向相同为例进行说明的。而事实上，动画元素的移动方向还可以与用户的操作方向相反，比如，当用户的操作是向下滑动的操作时，触发的控制信号使动画元素相对于移动终端屏幕向上移动，其具体实现过程与上述同理，本实施例在此不再赘述。

311、根据控制信号调整动画元素的显示内容发生改变。

当移动终端接收到用户触发的控制信号时，移动终端根据该控制信号，调整动画元素的显示内容发生改变。

图3C是图3A所示实施例提供的根据用户触发的控制信号调整动画元素的显示内容发生改变的示意图。参见图3C，可以看出，此图中所示的是根据用户的点击操作，触发的控制信号，使动画元素的显示内容发生改变。可以看出，当用户点击了“小丑”21时，“小丑”21在原来的显示位置进行旋转，从而与用户产生交互。

需要说明的是，示意图3C仅是示例性的，并不用以限制本发明，在本发明提供的其他实施例中，该动画元素的显示内容还可以按照其他的方式改变，比如，当用户点击了动画元素时，该动画元素不再移动，，此时，相对于该动画元素以图片的形式显示在网页后中，而当用户再次点击该动画元素时，该动画元素又开始移动，以实现与用户产生交互。当然，该动画元素的显示内容还可以有其他的改变形式，均已能与用户的操作产生交互为准，本实施例再次不再赘述。

312、根据控制信号调整动画元素的动画显示速度发生改变。

当移动终端接收到用户触发的控制信号时，移动终端根据该控制信号，调整动画元素的显示速度发生改变。

以图3C所示的示意图为例，假设在用户没有点击动画元素“小丑”21之前，该小丑“21”就是旋转着的，那么当用户点击了该“小丑”21以后，可以使该“小丑”21的旋转速度发生改变。

比如，假设用户点击“小丑”21之前，“小丑”21的旋转速度是10转/秒，即，每秒钟旋转10圈，那么，当用户点击了“小丑”21以后，“小丑”21的旋转速度就可能变为是30转/秒，或该小丑”21的旋转速度还可能变为是5转/秒。

需要说明的是，在本实施例中，步骤310至312是按照先后顺序进行的，而事实上，在本发明提供的其他实施例中，该步骤310至312还可以按照另一先后顺序进行，或该步骤310至312也可以同步进行，本发明对此不作限定。

还需要说明的是，移动终端可以在第二指定时刻结束显示网页中的动画元素。其中，该第二指定时刻包括：在当前显示内容被滚动出动画元素所处的预定区域；或，在根据用户的第二触发信号完成预定操作时；或，在当前显示内容的指定位置接收到用户的第三触发信号时。

综上所述，本发明实施例提供的网页动画显示方法，通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

本发明实施例提供的网页动画显示方法，通过获取移动终端的姿态信息，根据移动终端的姿态信息的变化调整动画元素的显示位置发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的显示内容发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的动画显示速度发生改变；以及通过在第一指定时刻开始显示网页中的动画元素，在第二指定时刻结束显示网页中的动画元素；在达到动画元素的显示位置、显示内容或动画显示速度与移动终端的姿态信息的改变产生交互的目的的同时，提高了网页动画显示的有序性。

本发明实施例提供的网页动画显示方法，通过在显示网页动画元素的过程中，接收用户触发的控制信号，根据控制信号调整动画元素的显示位置发生改变；和/或，根据控制信号调整动画元素的显示内容发生改变；和/或，根据控制信号调整动画元素的动画显示速度发生改变；达到了引导用户视觉焦点的目的。

本发明实施例提供的网页动画显示方法，通过在显示动画元素之前检测移动终端是否支持硬件加速，当移动终端支持硬件加速时，启动硬件加速，以及通过检测移动终端的系统版本是否低于预定系统版本，若移动终端的系统版本低于预定系统版本，则降低动画元素的数量和质量，保证了动画元素能够流畅的显示。

请参考图4，其示出了本发明一个实施例提供的网页动画显示装置的装置结构示意图。该网页动画显示装置可以通过软件、硬件或者两者的结合实现成为移动终端的部分或者全部。参见图4，该装置具体包括：显示模块401、获取模块402和调整模块403。

显示模块401，用于显示网页中的动画元素。

获取模块402，用于获取移动终端的姿态信息。

调整模块403，用于根据移动终端的姿态信息的变化调整该动画元素的显示。

综上所述，本发明实施例提供的网页动画显示装置，通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

请参考图5，其示出了本发明另一实施例提供的网页动画显示装置的装置结构示意图。该网页动画显示装置可以通过软件、硬件或者两者的结合实现成为移动终端的部分或者全部。参见图5，该装置具体包括：显示模块501、获取模块502和调整模块503。

显示模块501，用于显示网页中的动画元素。

获取模块502，用于获取移动终端的姿态信息。

调整模块503，用于根据该移动终端的姿态信息的变化调整该动画元素的显示。

可选地，该调整模块503，包括：

位置调整单元531，用于根据该移动终端的姿态信息的变化调整该动画元素的显示位置发生改变；

和/或，

内容调整单元532，用于根据该移动终端的姿态信息的变化调整该动画元素的显示内容发生改变；

和/或，

速度调整单元533，用于根据该移动终端的姿态信息的变化调整该动画元素的动画显示速度发生改变。

综上所述，本发明实施例提供的网页动画显示装置，通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

本发明实施例提供的网页动画显示装置，通过获取移动终端的姿态信息，根据移动终端的姿态信息的变化调整动画元素的显示位置发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的显示内容发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的动画显示速度发生改变；以及通过在第一指定时刻开始显示网页中的动画元素，在第二指定时刻结束显示网页中的动画元素；在达到动画元素的显示位置、显示内容或动画显示速度与移动终端的姿态信息的改变产生交互的目的的同时，提高了网页动画显示的有序性。

请参考图6，其示出了本发明再一实施例提供的网页动画显示装置的装置结构示意图。该网页动画显示装置可以通过软件、硬件或者两者的结合实现成为移动终端的部分或者全部。参见图6，该装置具体包括：显示模块601、获取模块602和调整模块603。

显示模块601，用于显示网页中的动画元素。

获取模块602，用于获取移动终端的姿态信息。

调整模块603，用于根据该移动终端的姿态信息的变化调整该动画元素的显示。

可选地，该调整模块603，包括：

位置调整单元631，用于根据该移动终端的姿态信息的变化调整该动画元素的显示位置发生改变；

和/或，

内容调整单元632，用于根据该移动终端的姿态信息的变化调整该动画元素的显示内容发生改变；

和/或，

速度调整单元633，用于根据该移动终端的姿态信息的变化调整该动画元素的动画显示速度发生改变。

可选地，该装置，还包括：

接收模块604，用于在显示该动画元素的过程中，接收用户触发的控制信号；

该调整模块603，用于根据该控制信号调整该动画元素的显示。

可选地，

该位置调整单元631，用于根据该控制信号调整该动画元素的显示位置发生改变；

和/或，

该内容调整单元632，用于根据该控制信号调整该动画元素的显示内容发生改变；

和/或，

该速度调整单元633，用于根据该控制信号调整该动画元素的动画显示速度发生改变。

可选地，

该显示模块601，用于在第一指定时刻开始显示该网页中的动画元素；其中，该第一指定时刻包括：

在当前显示内容被滚动至该动画元素所处的预定区域时；或，

在当前显示内容被跳转至该网页时；或，

在当前显示内容的指定位置接收到用户的第一触发信号时。

可选地，该装置，还包括：

结束模块605，用于在第二指定时刻结束显示该网页中的动画元素；其中，该第二指定时刻包括：

在当前显示内容被滚动出该动画元素所处的预定区域；或，

在根据用户的第二触发信号完成预定操作时；或，

在当前显示内容的指定位置接收到用户的第三触发信号时。

可选地，该装置，还包括：

检测模块606，用于检测该移动终端是否支持硬件加速；

启动模块607，用于当该移动终端支持硬件加速时，启动该硬件加速。

可选地，

该检测模块606，用于检测该移动终端的系统版本是否低于预定系统版本；

该装置，还包括：

降低模块608，用于当该移动终端的系统版本低于预定系统版本时，降低该网页中动画元素的数量和显示质量。

综上所述，本发明实施例提供的网页动画显示装置，通过获取移动终端的姿态信息，根据移动终端姿态信息的变化调整显示动画元素；解决了移动终端在加载完动画元素后就直接播放，而动画元素的表现形式都是由开发人员预先定义，比较单一的问题；达到了动画元素的显示可以与移动终端的姿态信息的变化产生交互，丰富了动画元素的表现方式。

本发明实施例提供的网页动画显示装置，通过获取移动终端的姿态信息，根据移动终端的姿态信息的变化调整动画元素的显示位置发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的显示内容发生改变；和/或，根据移动终端的姿态信息的变化调整动画元素的动画显示速度发生改变；以及通过在第一指定时刻开始显示网页中的动画元素，在第二指定时刻结束显示网页中的动画元素；在达到动画元素的显示位置、显示内容或动画显示速度与移动终端的姿态信息的改变产生交互的目的的同时，提高了网页动画显示的有序性。

本发明实施例提供的网页动画显示装置，通过在显示网页动画元素的过程中，接收用户触发的控制信号，根据控制信号调整动画元素的显示位置发生改变；和/或，根据控制信号调整动画元素的显示内容发生改变；和/或，根据控制信号调整动画元素的动画显示速度发生改变；达到了引导用户视觉焦点的目的。

本发明实施例提供的网页动画显示装置，通过在显示动画元素之前检测移动终端是否支持硬件加速，当移动终端支持硬件加速时，启动硬件加速，以及通过检测移动终端的系统版本是否低于预定系统版本，若移动终端的系统版本低于预定系统版本，则降低动画元素的数量和质量，保证了动画元素能够流畅的显示。

需要说明的是：上述实施例提供的网页动画显示装置在显示网页动画时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的网页动画显示装置与网页动画显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

请参考图7，其示出了本发明的一个实施例提供的终端的结构示意图。该终端700可以用于实施上述实施例中提供的网页动画显示方法，具体来讲：

终端700可以包括RF(Radio Frequency，射频)电路710、包括有一个或一个以上计算机可读存储介质的存储器720、输入单元730、显示单元740、传感器750、音频电路760、短距离无线传输模块770、包括有一个或者一个以上处理核心的处理器780、以及电源790等部件。本领域技术人员可以理解，图7中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路710可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器780处理；另外，将涉及上行的数据发送给基站。通常，RF电路710包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路710还可以通过无线通信与网络和其他设备通信。无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(Code Division Multiple Access，码分多址)、WCDMA(Wideband CodeDivision Multiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service，短消息服务)等。存储器720可用于存储软件程序以及模块，比如，存储器720可以用于存储预设时间列表，还可以用于存储采集语音信号的软件程序、实现关键词识别的软件程序、实现连续语音识别的软件程序以及实现设置提醒事项的软件程序，还可以用于存储无线接入点与用户账号的绑定关系等等。处理器780通过运行存储在存储器720的软件程序以及模块，从而执行各种功能应用以及数据处理，存储器720可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端700的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器720可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器720还可以包括存储器控制器，以提供处理器780和输入单元730对存储器720的访问。

输入单元730可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元730可包括触敏表面731以及其他输入设备732。触敏表面731，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面731上或在触敏表面731附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面731可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器780，并能接收处理器780发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面731。除了触敏表面731，输入单元730还可以包括其他输入设备732。具体地，其他输入设备732可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元740可用于显示由用户输入的信息或提供给用户的信息以及终端700的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元740可包括显示面板741，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板741。进一步的，触敏表面731可覆盖在显示面板741之上，当触敏表面731检测到在其上或附近的触摸操作后，传送给处理器780以确定触摸事件的类型，随后处理器780根据触摸事件的类型在显示面板741上提供相应的视觉输出。虽然在图7中，触敏表面731与显示面板741是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面731与显示面板741集成而实现输入和输出功能。

终端700还可包括至少一种传感器750，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板741的亮度，接近传感器可在终端700移动到耳边时，关闭显示面板741和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端700还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路760、扬声器761，传声器762可提供用户与终端700之间的音频接口。音频电路760可将接收到的音频数据转换后的电信号，传输到扬声器761，由扬声器761转换为声音信号输出；另一方面，传声器762将收集的声音信号转换为电信号，由音频电路760接收后转换为音频数据，再将音频数据输出处理器760处理后，经RF电路710以发送给另一终端，或者将音频数据输出至存储器720以便进一步处理。音频电路760还可能包括耳塞插孔，以提供外设耳机与终端700的通信。

短距离无线传输模块770可以是WIFI(wireless fidelity，无线保真)模块或者蓝牙模块等。终端700通过短距离无线传输模块770可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了短距离无线传输模块770，但是可以理解的是，其并不属于终端700的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器780是终端700的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器720内的软件程序和/或模块，以及调用存储在存储器720内的数据，执行终端700的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器780可包括一个或多个处理核心；可选的，处理器780可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器770中。

终端700还包括给各个部件供电的电源790(比如电池)，优选的，电源可以通过电源管理系统与处理器780逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源790还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端700还可以包括摄像头、蓝牙模块等，在此不再赘述。

终端700还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行上述各个方法实施例所述的网页动画显示方法。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (17)

1.一种网页动画显示方法，其特征在于，用于移动终端中，所述方法包括：

显示网页中的动画元素；

获取所述移动终端的姿态信息；

根据所述移动终端的姿态信息的变化调整所述动画元素的显示；

所述根据所述移动终端的姿态信息的变化调整所述动画元素的显示，包括：

根据所述移动终端的姿态信息的变化调整所述动画元素的显示位置发生改变，所述姿态信息的变化是所述移动终端机身的旋转角度的变化，所述移动终端的机身角度朝向第一方向旋转时，将所述动画元素的显示位置向所述第一方向或者与所述第一方向相反的方向移动；

其中，所述显示位置移动的距离与所述机身角度的旋转角度呈正相关关系。

2.根据权利要求1所述的方法，其特征在于，所述根据所述移动终端的姿态信息的变化调整所述动画元素的显示，还包括：

根据所述移动终端的姿态信息的变化调整所述动画元素的显示内容发生改变；

和/或，

根据所述移动终端的姿态信息的变化调整所述动画元素的动画显示速度发生改变。

3.根据权利要求1所述的方法，其特征在于，所述方法，还包括：

在显示所述动画元素的过程中，接收用户触发的控制信号；

根据所述控制信号调整所述动画元素的显示。

4.根据权利要求3所述的方法，其特征在于，所述根据所述控制信号调整所述动画元素的显示，包括：

根据所述控制信号调整所述动画元素的显示位置发生改变；

和/或，

根据所述控制信号调整所述动画元素的显示内容发生改变；

和/或，

根据所述控制信号调整所述动画元素的动画显示速度发生改变。

5.根据权利要求1至4任一所述的方法，其特征在于，所述显示网页中的动画元素，包括：

在第一指定时刻开始显示所述网页中的动画元素；其中，所述第一指定时刻包括：

在当前显示内容被滚动至所述动画元素所处的预定区域时；或，

在当前显示内容被跳转至所述网页时；或，

在当前显示内容的指定位置接收到用户的第一触发信号时。

6.根据权利要求1至4任一所述的方法，其特征在于，所述方法，还包括：

在第二指定时刻结束显示所述网页中的动画元素；其中，所述第二指定时刻包括：

在当前显示内容被滚动出所述动画元素所处的预定区域；或，

在根据用户的第二触发信号完成预定操作时；或，

在当前显示内容的指定位置接收到用户的第三触发信号时。

7.根据权利要求1至4任一所述的方法，其特征在于，所述显示网页中的动画元素之前，还包括：

检测所述移动终端是否支持硬件加速；

如果所述移动终端支持硬件加速，则启动所述硬件加速。

8.根据权利要求1至4任一所述的方法，其特征在于，所述显示网页中的动画元素之前，还包括：

检测所述移动终端的系统版本是否低于预定系统版本；

如果所述移动终端的系统版本低于预定系统版本，则降低所述网页中动画元素的数量和显示质量。

9.一种网页动画显示装置，其特征在于，用于移动终端中，所述装置包括：

显示模块，用于显示网页中的动画元素；

获取模块，用于获取所述移动终端的姿态信息；

调整模块，用于根据所述移动终端的姿态信息的变化调整所述动画元素的显示；

所述调整模块，包括：

位置调整单元，根据所述移动终端的姿态信息的变化调整所述动画元素的显示位置发生改变，所述姿态信息的变化是所述移动终端机身的旋转角度的变化，所述移动终端的机身角度朝向第一方向旋转时，将所述动画元素的显示位置向所述第一方向或者与所述第一方向相反的方向移动；

其中，所述显示位置移动的距离与所述机身角度的旋转角度呈正相关关系。

10.根据权利要求9所述的装置，其特征在于，所述调整模块，还包括：

内容调整单元，用于根据所述移动终端的姿态信息的变化调整所述动画元素的显示内容发生改变；

和/或，

速度调整单元，用于根据所述移动终端的姿态信息的变化调整所述动画元素的动画显示速度发生改变。

11.根据权利要求9所述的装置，其特征在于，所述装置，还包括：

接收模块，用于在显示所述动画元素的过程中，接收用户触发的控制信号；

所述调整模块，用于根据所述控制信号调整所述动画元素的显示。

12.根据权利要求11所述的装置，其特征在于，

所述位置调整单元，用于根据所述控制信号调整所述动画元素的显示位置发生改变；

和/或，

所述内容调整单元，用于根据所述控制信号调整所述动画元素的显示内容发生改变；

和/或，

所述速度调整单元，用于根据所述控制信号调整所述动画元素的动画显示速度发生改变。

13.根据权利要求9至12任一所述的装置，其特征在于，

所述显示模块，用于在第一指定时刻开始显示所述网页中的动画元素；其中，所述第一指定时刻包括：

在当前显示内容被滚动至所述动画元素所处的预定区域时；或，

在当前显示内容被跳转至所述网页时；或，

在当前显示内容的指定位置接收到用户的第一触发信号时。

14.根据权利要求9至12任一所述的装置，其特征在于，所述装置，还包括：

结束模块，用于在第二指定时刻结束显示所述网页中的动画元素；其中，所述第二指定时刻包括：

在当前显示内容被滚动出所述动画元素所处的预定区域；或，

在根据用户的第二触发信号完成预定操作时；或，

在当前显示内容的指定位置接收到用户的第三触发信号时。

15.根据权利要求9至12任一所述的装置，其特征在于，所述装置，还包括：

检测模块，用于检测所述移动终端是否支持硬件加速；

启动模块，用于当所述移动终端支持硬件加速时，启动所述硬件加速。

16.根据权利要求9至12任一所述的装置，其特征在于，

所述检测模块，用于检测所述移动终端的系统版本是否低于预定系统版本；

所述装置，还包括：

降低模块，用于当所述移动终端的系统版本低于预定系统版本时，降低所述网页中动画元素的数量和显示质量。

17.一种终端，其特征在于，所述终端包括：

一个或者一个以上的处理器；

存储器；

以及一个或者一个以上的程序，其中所述一个或者一个以上程序存储于所述存储器中，且经配置以由所述一个或者一个以上处理器执行，所述一个或者一个以上程序包含用于进行以下操作的指令：

显示网页中的动画元素；

获取所述移动终端的姿态信息；

根据所述移动终端的姿态信息的变化调整所述动画元素的显示；

所述根据所述移动终端的姿态信息的变化调整所述动画元素的显示，包括：

根据所述移动终端的姿态信息的变化调整所述动画元素的显示位置发生改变，所述姿态信息的变化是所述移动终端机身的旋转角度的变化，所述移动终端的机身角度朝向第一方向旋转时，将所述动画元素的显示位置向所述第一方向或者与所述第一方向相反的方向移动；

其中，所述显示位置移动的距离与所述机身角度的旋转角度呈正相关关系。