[发明专利]界面动画实现方法、装置、电子设备、存储介质

权利要求书

1.一种界面动画实现方法，其特征在于，包括：

形成CSS动画样式表，所述CSS动画样式表包括至少一个第一动画类和多个第二动画类，所述第一动画类定义关键帧序列，各所述第二动画类调用一第一动画类，调用同一第一动画类的各第二动画类定义不同的动画属性；

利用jquery对界面进行编码，并调用一个或多个第二动画类；

对所述编码进行编译和运行，使得一个或多个第二动画类对应的动画显示在所述界面中，其中，所述第二动画类对应的动画具有其所调用的第一动画类定义的关键帧序列及该第二动画类所定义的动画属性，

其中，所述CSS动画样式表还包括至少一个第三动画类，所述第三动画类调用所述第二动画类，

所述利用jquery对界面进行编码，并调用一个或多个第二动画类还包括：

调用所述第三动画类，并将所述界面显示所述动画的配置参数传递给所述第三动画类，其中，

所述调用所述第三动画类，并将所述界面显示所述动画的配置参数传递给所述第三动画类还包括：

接收所述界面的动画触发操作；

获取所述动画触发操作对应的配置参数，其中，不同的动画触发操作对应不同的配置参数，包括：确定所述界面所要显示的动画的位图，其中，所述配置参数还包括所述位图的位图信息；

调用所述动画触发操作对应的第三动画类，并将该动画触发操作对应的配置参数传递给所述第三动画类，其中多个动画触发操作对应同一第三动画类，

其中，所述配置参数还包括指示所述位图抖动的指示信息，所述指示信息指示：

将所要显示的动画的每一帧的显示时间作为一时间单元；

将所述时间单元划分为N个子时间单元，N为大于等于3小于等于9的整数；

在该N个子时间单元内，所要显示的动画的每一帧的位图的每一像素点分别位于该像素点当前位置及该像素点上、下、左、右、左上、左下、右上、右下八个方向中任N-1个方向的一个像素点的位置。

2.如权利要求1所述的界面动画实现方法，其特征在于，所述配置参数包括所述动画在所述界面中的位置及所述动画的显示区域。

3.如权利要求2所述的界面动画实现方法，其特征在于，调用同一第一动画类的各第二动画类定义不同的动画类型，每一所述动画类型具有一个或多个所述动画属性。

4.如权利要求3所述的界面动画实现方法，其特征在于，所述配置参数还包括所述动画类型，所述第三动画类根据所述配置参数动态调用所述第二动画类中的一个。

5.如权利要求3所述的界面动画实现方法，其特征在于，所述动画类型包括移动类、闪动类、播放多帧图类、隐藏类中的一种或多种。

6.如权利要求1所述的界面动画实现方法，其特征在于，所述动画触发操作包括识别显示动画的设备的显示屏具有大于等于120赫兹的刷新率。

7.如权利要求1所述的界面动画实现方法，其特征在于，所述确定所述界面所要显示的动画的位图包括：

获取一FLASH动画；

提取所述FLASH动画的FLASH关键帧，并获取FLASH关键帧的序号；

根据所述界面的动画触发操作，确定所述FLASH关键帧的序号；

根据所述FLASH关键帧的序号将所述FLASH关键帧作为所述位图。

8.如权利要求1至7任一项所述的界面动画实现方法，其特征在于，调用同一第一动画类的各第二动画类定义不同的浏览器适配类型。