与页面元素对应的位置，添加所述CSS 动画的CSS代码。
[0212] A2、如Al所述的方法，所述网页文档中指定的页面元素包括动画添加类标识，包 括：
[0213] 所述网页文档中的指定div标签中，包括动画添加类标识。
[0214] A3、如Al所述的方法，通过动画选择窗口，在所述tab页面中对应动画添加类标识 的页面元素之中，添加一 CSS动画并植染展示，包括：
[0215] 在tab页面中，侦听对应动画添加类标识的页面元素之上的触发操作；
[0216] 如果在侦听到所述触发操作，则启动动画选择窗口；
[0217] 通过所述动画选择窗口，从CSS动画库中添加一 CSS动画并渲染展示。
[0218] A4、如A3所述的方法，通过所述动画选择窗口，从CSS动画库中添加一 CSS动画并 渲染展示，包括：
[0219] 针对所述CSS动画，根据当前展示tab页面的浏览器内核类型，选择相应的CSS代 码；
[0220] 通过JS脚本将所述CSS代码，添加到当前tab页面内进行渲染展示。
[0221] A5、如A3所述的方法，通过所述动画选择窗口，从CSS动画库中添加一 CSS动画并 渲染展示，包括：
[0222] 在所述动画选择窗口中，选择CSS动画的属性信息；所述属性信息包括：动画时 长、动画延时、动画循环次数其中至少一个。
[0223] A6、如Al所述的方法，在网页文档编辑器中的所述网页文档中与页面元素对应的 位置，添加所述CSS动画的CSS代码，包括：
[0224] 在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加适配各种浏 览器内核的所述CSS动画的CSS代码。
[0225] A7、如Al所述的方法，所述网页文档中指定的页面元素中还包括动画添加位置提 示内容；
[0226] 进一步的，所述在网页文档编辑器中的所述网页文档中与页面元素对应的位置， 添加所述CSS动画的CSS代码之前，还包括：
[0227] 在网页文档编辑器中的所述网页文档中，删除所述页面元素内容中的动画添加位 置提示内容。
[0228] 本发明还公开了 B8、一种在页面中添加动画的装置，包括：
[0229] 页面加载模块，适于加载待添加 CSS动画的网页文档，获得tab页面；所述网页文 档中指定的页面元素包括动画添加类标识；
[0230] 动画实时展示模块，适于通过动画选择窗口，在所述tab页面中对应动画添加类 标识的页面元素之中，添加一 CSS动画并植染展示；
[0231] 编辑代码修改模块，适于在网页文档编辑器中的所述网页文档中与页面元素对应 的位置，添加所述CSS动画的CSS代码。
[0232] B9、如Bl所述的装置，所述网页文档中指定的页面元素包括动画添加类标识，包 括：
[0233] 所述网页文档中的指定div标签中，包括动画添加类标识。
[0234] B10、如Bl所述的装置，所述动画实时展示模块，包括：
[0235] 选择侦听模块，适于在tab页面中，侦听对应动画添加类标识的页面元素之上的 触发操作；
[0236] 界面启动模块，适于如果在侦听到所述触发操作，则启动动画选择窗口；
[0237] 实时展示模块，适于通过所述动画选择窗口，从CSS动画库中添加一 CSS动画并渲 染展示。
[0238] B11、如BlO所述的装置，所述实时展示模块，包括：
[0239] 第一代码选择模块，适于针对所述CSS动画，根据当前展示tab页面的浏览器内核 类型，选择相应的CSS代码；
[0240] 网页代码实时展示模块，适于通过JS脚本将所述CSS代码，添加到当前tab页面 内进行渲染展示。
[0241] B12、如BlO所述的装置，所述实时展示模块，包括：
[0242] 属性信息确定模块，适于在所述动画选择窗口中，选择CSS动画的属性信息；所述 属性信息包括：动画时长、动画延时、动画循环次数其中至少一个。
[0243] B13、如B8所述的装置，编辑代码修改模块，包括：
[0244] 编辑代码修改模块，适于在网页文档编辑器中的所述网页文档中与页面元素对应 的位置，添加适配各种浏览器内核的所述CSS动画的CSS代码。
[0245] B14、如B8所述的装置，所述网页文档中指定的页面元素中还包括动画添加位置 提不内容；
[0246] 进一步的，所述编辑代码修改模块之前还包括：提示内容删除模块，适于在网页文 档编辑器中的所述网页文档中，删除所述页面元素内容中的动画添加位置提示内容。
【主权项】
1. 一种在页面中添加动画的方法，包括： 加载待添加CSS动画的网页文档，获得tab页面；所述网页文档中指定的页面元素包括 动画添加类标识； 通过动画选择窗口，在所述tab页面中对应动画添加类标识的页面元素之中，添加一 CSS动画并渲染展示； 在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加所述CSS动画的 CSS代码。2. 根据权利要求1所述的方法，其特征在于，所述网页文档中指定的页面元素包括动 画添加类标识，包括： 所述网页文档中的指定div标签中，包括动画添加类标识。3. 根据权利要求1所述的方法，其特征在于，通过动画选择窗口，在所述tab页面中对 应动画添加类标识的页面元素之中，添加一 CSS动画并植染展示，包括： 在tab页面中，侦听对应动画添加类标识的页面元素之上的触发操作； 如果在侦听到所述触发操作，则启动动画选择窗口； 通过所述动画选择窗口，从CSS动画库中添加一 CSS动画并渲染展示。4. 根据权利要求3所述的方法，其特征在于，通过所述动画选择窗口，从CSS动画库中 添加一 CSS动画并渲染展示，包括： 针对所述CSS动画，根据当前展示tab页面的浏览器内核类型，选择相应的CSS代码； 通过JS脚本将所述CSS代码，添加到当前tab页面内进行渲染展示。5. 根据权利要求3所述的方法，其特征在于，通过所述动画选择窗口，从CSS动画库中 添加一 CSS动画并渲染展示，包括： 在所述动画选择窗口中，选择CSS动画的属性信息；所述属性信息包括：动画时长、动 画延时、动画循环次数其中至少一个。6. 根据权利要求1所述的方法，其特征在于，在网页文档编辑器中的所述网页文档中 与页面元素对应的位置，添加所述CSS动画的CSS代码，包括： 在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加适配各种浏览器 内核的所述CSS动画的CSS代码。7. 根据权利要求1所述的方法，其特征在于，所述网页文档中指定的页面元素中还包 括动画添加位置提示内容； 进一步的，所述在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加 所述CSS动画的CSS代码之前，还包括： 在网页文档编辑器中的所述网页文档中，删除所述页面元素内容中的动画添加位置提 示内容。8. -种在页面中添加动画的装置，包括： 页面加载模块，适于加载待添加CSS动画的网页文档，获得tab页面；所述网页文档中 指定的页面元素包括动画添加类标识； 动画实时展示模块，适于通过动画选择窗口，在所述tab页面中对应动画添加类标识 的页面元素之中，添加一 CSS动画并渲染展示； 编辑代码修改模块，适于在网页文档编辑器中的所述网页文档中与页面元素对应的位 置，添加所述CSS动画的CSS代码。9. 根据权利要求1所述的装置，其特征在于，所述网页文档中指定的页面元素包括动 画添加类标识，包括： 所述网页文档中的指定div标签中，包括动画添加类标识。10. 根据权利要求1所述的装置，其特征在于，所述动画实时展示模块，包括： 选择侦听模块，适于在tab页面中，侦听对应动画添加类标识的页面元素之上的触发 操作； 界面启动模块，适于如果在侦听到所述触发操作，则启动动画选择窗口； 实时展示模块，适于通过所述动画选择窗口，从CSS动画库中添加一 CSS动画并渲染展 不。
【专利摘要】本发明公开了一种在页面中添加动画的方法和装置，涉及CSS动画技术领域。所述方法包括：加载待添加CSS动画的网页文档，获得tab页面；所述网页文档中指定的页面元素包括动画添加类标识；通过动画选择窗口，在所述tab页面中对应动画添加类标识的页面元素之中，添加一CSS动画并渲染展示；在网页文档编辑器中的所述网页文档中与页面元素对应的位置，添加所述CSS动画的CSS代码。取得了可以不用来回切换编辑器和浏览器，可直接通过浏览器确定需要的CSS动画，从而确定CSS代码，提高动画编辑效率的有益效果。
【IPC分类】G06F9/44
【公开号】CN105094804
【申请号】CN201510341816
【发明人】黄薇
【申请人】北京奇虎科技有限公司, 奇智软件（北京）有限公司
【公开日】2015年11月25日
【申请日】2015年6月18日