在页面中添加动画的方法和装置的制造方法_4

文档序号:9375198阅读:来源:国知局

[0168] 当然,本发明实施例中,也可以根据标准的CSS代码与各个浏览器内核所支持的 格式之间的对应关系,由标准的CSS代码生成各个浏览器内核支持的CSS代码。
[0169] 本发明实施例可以对网页文档中包括了动画添加类标识的指定页面元素,在浏览 器中实现在该指定的页面元素之上,根据用户的操作,触发动画选择窗口,然后通过该动画 选择窗口,在上述页面元素之中添加一个CSS动画,然后浏览器即可实时对该CSS动画进行 渲染展示,在用户确定添加哪一个CSS动画之后,则在HTML文档编辑器中的网页文档代码 中,在上述页面元素位置添加对应所述CSS动画的CSS代码,由此解决了先编辑网页文档, 再去浏览器中刷新预览效果的方案中,以在动画效果不清楚的情况下,对CSS代码进行修 改,需要开发者不断来回切换,以保证对CSS代码的修改能够得到动画效果符合需求的代 码,其存在动画编辑效率低的问题,取得了可以不用来回切换编辑器和浏览器,可直接通过 浏览器确定需要的CSS动画,从而确定CSS代码,提高动画编辑效率的有益效果。
[0170] 实施例三
[0171] 参照图3,其示出了本发明一种在页面中添加动画的方法的流程示意图,具体可以 包括:
[0172] 页面加载模块310,适于加载待添加 CSS动画的网页文档,获得tab页面;所述网 页文档中指定的页面元素包括动画添加类标识;
[0173] 动画实时展示模块320,适于通过动画选择窗口,在所述tab页面中对应动画添加 类标识的页面元素之中,添加一 CSS动画并渲染展示;
[0174] 编辑代码修改模块330,适于在网页文档编辑器中的所述网页文档中与页面元素 对应的位置,添加所述CSS动画的CSS代码。
[0175] 优选的,所述网页文档中指定的页面元素包括动画添加类标识,包括:
[0176] 所述网页文档中的指定div标签中,包括动画添加类标识。
[0177] 优选的,所述网页文档中指定的页面元素中还包括动画添加位置提示内容;
[0178] 进一步的,所述编辑代码修改模块之前还包括:
[0179] 提示内容删除模块,适于在网页文档编辑器中的所述网页文档中,删除所述页面 元素内容中的动画添加位置提示内容。
[0180] 实施例四
[0181] 参照图4,其示出了本发明一种在页面中添加动画的方法的流程示意图,具体可以 包括:
[0182] 页面加载模块410,适于加载待添加 CSS动画的网页文档,获得tab页面;所述网 页文档中指定的页面元素包括动画添加类标识和动画添加位置提示内容;
[0183] 动画实时展示模块420,具体包括:
[0184] 选择侦听模块421,适于在tab页面中,侦听对应动画添加类标识的页面元素之上 的触发操作;
[0185] 界面启动模块422,适于如果在侦听到所述触发操作,则启动动画选择窗口;
[0186] 实时展示模块423,适于通过所述动画选择窗口,从CSS动画库中添加一 CSS动画 并渲染展示。
[0187] 提示内容删除模块430,适于在网页文档编辑器中的所述网页文档中,删除所述页 面元素内容中的动画添加位置提示内容;
[0188] 编辑代码修改模块440,适于在网页文档编辑器中的所述网页文档中与页面元素 对应的位置,添加所述CSS动画的CSS代码。
[0189] 优选的,所述网页文档中指定的页面元素包括动画添加类标识,包括:
[0190] 所述网页文档中的指定div标签中,包括动画添加类标识。
[0191] 优选的,所述实时展示模块,包括:
[0192] 第一代码选择模块,适于针对所述CSS动画,根据当前展示tab页面的浏览器内核 类型,选择相应的CSS代码;
[0193] 网页代码实时展示模块,适于通过JS脚本将所述CSS代码,添加到当前tab页面 内进行渲染展示。
[0194] 优选的,所述实时展示模块,包括:
[0195] 属性信息确定模块,适于在所述动画选择窗口中,选择CSS动画的属性信息;所述 属性信息包括:动画时长、动画延时、动画循环次数其中至少一个。
[0196] 优选的,编辑代码修改模块,包括:
[0197] 编辑代码修改模块,适于在网页文档编辑器中的所述网页文档中与页面元素对应 的位置,添加适配各种浏览器内核的所述CSS动画的CSS代码。
[0198] 优选的,所述网页文档中指定的页面元素中还包括动画添加位置提示内容;
[0199] 进一步的,所述编辑代码修改模块之前还包括:
[0200] 提示内容删除模块,适于在网页文档编辑器中的所述网页文档中,删除所述页面 元素内容中的动画添加位置提示内容。
[0201] 在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。 各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求 的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种 编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发 明的最佳实施方式。
[0202] 在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施 例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构 和技术,以便不模糊对本说明书的理解。
[0203] 类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在 上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施 例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保 护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面 的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此, 遵循【具体实施方式】的权利要求书由此明确地并入该【具体实施方式】,其中每个权利要求本身 都作为本发明的单独实施例。
[0204] 本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地 改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单 元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或 子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任 何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开 的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴 随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代 特征来代替。
[0205] 此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例 中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的 范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任 意之一都可以以任意的组合方式来使用。
[0206] 本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行 的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用 微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的在页面中添加动画的设 备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述 的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这 样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的 形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他 形式提供。
[0207] 应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领 域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中, 不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词"包含"不排除存在 未列在权利要求中的元件或步骤。位于元件之前的单词"一"或"一个"不排除存在多个这 样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来 实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件 项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为 名称。
[0208] 本发明公开了 AU -种在页面中添加动画的方法,包括:
[0209] 加载待添加 CSS动画的网页文档,获得tab页面;所述网页文档中指定的页面元素 包括动画添加类标识;
[0210] 通过动画选择窗口,在所述tab页面中对应动画添加类标识的页面元素之中,添 加一 CSS动画并渲染展示;
[0211] 在网页文档编辑器中的所述网页文档中
当前第4页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1