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

权利要求书

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

获取在一网页上的用户交互行为；

判断所述用户交互行为是否命中HTML文件中的JavaScript脚本编写的预定用户交互行为；

若所述用户交互行为命中HTML文件中的JavaScript脚本编写的预定用户交互行为，则根据所述预定用户交互行为判断所述HTML文件中是否存在与所述预定用户交互行为对应的自定义动画样式；

若所述HTML文件中存在与所述预定用户交互行为对应的自定义动画样式，则获取与所述自定义动画样式对应的CSS动画配置数据；

根据所述CSS动画配置数据显示动画效果，

其中，所述获取在一网页上的用户交互行为的步骤之前还包括：

获取显示所述网页的硬件设备的标识；

根据所述网页的硬件设备的标识识别该硬件设备的显示屏是否为自发光型显示屏；

若该硬件设备的显示屏为自发光型显示屏，则根据所述HTML文件获取所述网页上显示的静态图像，所述预定用户交互行为使得所述静态图像在所述自发光型显示屏上的同一位置保持时间超过第一时间阈值，且与所述预定用户交互行为对应的所述自定义动画样式的动画主体为所述静态图像，

所述网页包括如下任一项或多项区域：

次动态区域，所述次动态区域显示在静态显示及动态显示之间切换的静态图像，所述次动态区域具有第一状态和第二状态，当所述静态图像静态显示在所述次动态区域中时，所述次动态区域处于第一状态，当所述静态图像作为所述动画主体动态显示在所述次动态区域中时，所述次动态区域处于第二状态，所述次动态区域在所述第二状态时，随所述动画主体的移动而移动；

动态区域，所述动态区域显示非静态的网页内容。

2.根据权利要求1所述的网页动画实现方法，其特征在于，还包括：

获取在当前网页上打开目标网页的用户交互行为；

根据所述HTML文件获取所述目标网页上显示的静态图像；

确定所述目标网页上显示的静态图像是否命中当前网页上显示的静态图像；

若所述目标网页上显示的静态图像命中当前网页上显示的静态图像，则获取该静态图像在当前网页及目标网页上的坐标位置；

若该静态图像在当前网页及目标网页上的坐标位置相同，则在当前网页上打开目标网页的用户交互行为命中所述预定用户交互行为，且与所述预定用户交互行为对应的所述自定义动画样式的动画主体为该静态图像。

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

获取更新当前网页的用户交互行为；

根据所述HTML文件获取更新后当前网页上显示的静态图像；

确定更新后当前网页上显示的静态图像是否命中更新前当前网页上显示的静态图像；

若更新后当前网页上显示的静态图像命中更新前当前网页上显示的静态图像，则获取该静态图像在更新后当前网页上及更新前当前网页上的坐标位置；

若该静态图像在更新后当前网页及更新前当前网页上的坐标位置相同，则更新当前网页的用户交互行为命中所述预定用户交互行为，且与所述预定用户交互行为对应的所述自定义动画样式的动画主体为该静态图像。

4.根据权利要求1所述的网页动画实现方法，其特征在于，所述根据所述CSS动画配置数据显示动画效果的步骤之前还包括：

当网页更新时，仅对处于第二状态的次动态区域及动态区域进行渲染。

5.根据权利要求1至4任一项所述的网页动画实现方法，其特征在于，所述自定义动态样式包括如下形式中一种或多种：

逐渐增加所述静态图像的透明度；

旋转所述静态图像；

放大/缩小所述静态图像；

使所述静态图像抖动。

6.根据权利要求1至4任一项所述的网页动画实现方法，其特征在于，

当识别所述网页中距离所述静态图像边界预定数量的像素点都为黑色，则触发所述静态图像由透明度100％变化至透明度0％；

当识别所述网页中距离所述静态图像边界预定数量的像素点中存在多个不为黑色，则触发所述静态图像由透明度0％变化至透明度100％。