[发明专利]一种网页中添加动画效果的方法及装置

权利要求书

1.一种网页中添加动画效果的方法，其特征在于，所述方法包括：

监听用户在动画配置时选择的组件，在所述组件内层的目标DOM元素被触发时，获取所述目标DOM元素的元素标识；

从存储预定义元素标识的结构化数据中，查询所述元素标识对应的动画效果配置数据；

基于所述动画效果配置数据向用户展示所述目标DOM元素对应的动画配置选项；

基于用户选择的动画配置选项，渲染页面中为所述组件内层的目标DOM元素添加的动画效果。

2.根据权利要求1所述的方法，所述方法还包括：

接收通过声明式指令的方式预定义的DOM元素的元素标识；

将所述元素标识以设定格式存储于页面结构化数据。

3.根据权利要求2所述的方法，所述声明式指令还携带有钩子函数；所述钩子函数绑定有若干事件，每种事件对应有不同的渲染方式。

4.根据权利要求1所述的方法，所述动画配置选项，包括以下一种或几种的组合：

基本效果，开始和结束时间、动画时长、元素进入和退出方向、动画速率、是否循环播放、播放次数、是否正逆轮播、循环周期。

5.一种网页中添加动画效果的装置，其特征在于，所述装置包括：

获取单元，用于监听用户在动画配置时选择的组件，在所述组件内层的目标DOM元素被触发时，获取所述目标DOM元素的元素标识；

查询单元，用于从存储预定义元素标识的结构化数据中，查询所述元素标识对应的动画效果配置数据；

展示单元，用于基于所述动画效果配置数据向用户展示所述目标DOM元素对应的动画配置选项；

添加单元，用于基于用户选择的动画配置选项，渲染页面中为所述组件内层的目标DOM元素添加的动画效果。

6.根据权利要求5所述的装置，所述装置还包括：

预定义单元，接收通过声明式指令的方式预定义的DOM元素的元素标识；将所述元素标识以设定格式存储于页面结构化数据。

7.根据权利要求6所述的装置，所述声明式指令还携带有钩子函数；所述钩子函数绑定有若干事件，每种事件对应有不同的渲染方式。

8.根据权利要求5所述的装置，所述动画配置选项，包括以下一种或几种的组合：

基本效果，开始和结束时间、动画时长、元素进入和退出方向、动画速率、是否循环播放、播放次数、是否正逆轮播、循环周期。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

所述处理器被配置为上述权利要求1-4中任一项所述的方法。