[发明专利]动画展示方法和装置

权利要求书

1.一种动画展示的方法，包括：

加载待添加CSS动画的网页文档，获得tab页面；所述网页文档中指定的页面元素包括动画添加类标识；

在tab页面中，对应动画添加类标识的页面元素之上，根据用户的触发操作启动动画选择窗口；

当在所述动画选择窗口接收到用户对一个CSS动画的指定操作后，在一个弹出窗口中展示所述CSS动画；

当用户确定选择所述CSS动画之后，在所述tab页面中对应动画添加类标识的页面元素之中，添加所述CSS动画并渲染展示；

在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加所述CSS动画的CSS代码。

2.根据权利要求1所述的方法，所述动画选择窗口中还包括：

动画库添加接口，用于向CSS动画库中添加CSS代码；

进一步的，还包括：

当在所述动画选择窗口中接收到用户对所述动画库添加接口的触发操作，则生成CSS代码编辑界面；

在所述CSS代码编辑界面中接收用户编辑的CSS代码，并根据用户的操作将所述CSS代码存入CSS动画库。

3.根据权利要求1所述的方法，所述动画选择窗口中还包括：

动画删除接口，用于删除CSS动画库中于CSS动画对应的CSS代码；

进一步的，还包括：

当在所述动画选择窗口中接收到用户对CSS动画的动画删除接口的触发操作，则将CSS动画库中相应的CSS代码删除。

4.根据权利要求1所述的方法，所述动画选择窗口中还包括：

动画编辑接口，用于修改CSS动画库中与CSS动画对应的CSS代码；

进一步的，还包括：

当在所述动画选择窗口中接收到用户对所述动画编辑接口的触发操作，则生成CSS代码编辑界面，并将所述CSS动画的CSS代码加载至所述CSS代码编辑界面中；

在所述CSS代码编辑界面中接收用于对所述CSS代码的修改，并根据用户的操作将修改后的CSS代码存入CSS动画库。

5.根据权利要求1所述的方法，其特征在于，所述网页文档中指定的页面元素包括动画添加类标识，包括：

所述网页文档中的指定div标签中，包括动画添加类标识。

6.根据权利要求1所述的方法，其特征在于，在所述tab页面中对应动画添加类标识的页面元素之中，添加所述CSS动画并渲染展示之前，包括

针对所述CSS动画，根据当前展示tab页面的浏览器内核类型，选择相应的CSS代码；

通过JS脚本将所述CSS代码,添加到当前tab页面内进行渲染展示。

7.根据权利要求1所述的方法，其特征在于，在所述tab页面中对应动画添加类标识的页面元素之中，添加所述CSS动画并渲染展示之前，还包括：

在所述网页文档编辑器的动画选择窗口中，选择CSS动画的属性信息；所述属性信息包括：动画时长、动画延时、动画循环次数其中至少一个。

8.根据权利要求1所述的方法，其特征在于，在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加所述CSS动画的CSS代码，包括：

在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加适配各种浏览器内核的所述CSS动画的CSS代码。

9.根据权利要求1所述的方法，其特征在于，所述网页文档中指定的页面元素中还包括动画添加位置提示内容；

进一步的，所述在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加所述CSS动画的CSS代码之前，还包括：

在网页文档编辑器中的所述网页文档中，删除所述页面元素内容中的动画添加位置提示内容。