没有画布的HTML动画序列

时间:2013-05-03 15:53:43

标签: javascript jquery html css cross-browser

我目前正计划一个网站项目,其中包含一些需要在网站上运行的动画序列。 我需要网站尽可能地与浏览器兼容(呃!),并希望得到开发人员对不同选项的想法。

Canvas不是主要因为IE的选择。 IE9 +仅支持不够好,即使IE的浏览器统计数据的“进展”接近可笑 http://www.w3schools.com/browsers/browsers_stats.asp(2013年3月IE浏览器占13%(并且它与所有WINDOWS机器相同)略微偏离主题......

我计划为动画的不同阶段预加载一系列GIF动画,例如'run','walk','fly',然后在需要时交换img标签的src。我还没有测试过这样的东西,但是即使预先加载的图像我也会进行延迟(尽管javascript http://www.preloadjs.com) 虽然我不太热衷于动画GIFS的质量。进一步采用这个想法,使用相同的方法,但每个作为一个单独的PNG?这可行吗?

或者附加了spritesheet作为背景图像的DOM元素是否可以工作,改变每一步的背景位置?

任何想法或例子;)都会非常有帮助! :)

干杯, 罗里!

--- EDIT

我也对不同的javascript库开放..虽然目前我的项目中包含jQueryRapheal

1 个答案:

答案 0 :(得分:2)

jQuery animate将是您最好的选择。如果您有时间生成一个精灵表来显示不同的动画阶段,那么您可能有足够的时间来查看一个好的jquery插件,如gameQuery,它允许您为精灵表项目设置动画。