HTML5 实现小车动画效果（Canvas/CSS3/JQuery） 付完整源码

 

分三种方式实现：

(1)   canvas元素结合JS

(2)   纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE）

(3)   CSS3结合Jquery实现

知道如何使用CSS3动画比知道如何使用<canvas>元素更重要：因为浏览器能够优化那些元素的性能(通常是他们的样式，比如CSS)，而我们使用canvas自定义画出来的效果却不能被优化。原因又在于，浏览器使用的硬件主要取决于显卡的能力。目前，浏览器没有给予我们直接访问显卡的权力，比如，每一个绘画操作都不得不在浏览器中先调用某些函数。

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

     文件       5242  2012-01-31 21:21  HTML5小车动画\css3 - 副本.htm

     文件       3586  2012-02-02 21:29  HTML5小车动画\JQuery动画.htm

     文件       4425  2012-02-02 21:12  HTML5小车动画\text - 副本.html

     目录          0  2012-02-02 21:42  HTML5小车动画

----------- ---------  ---------- -----  ----

                13253                    4