動效制作手法1；gif圖片
優勢：節省成本；制作效率高。
動效制作手法2：逐幀動畫
動效制作手法3：css3;
動效制作手法4：svg;
缺點不支持低版本的瀏覽器ie8及以下
知識普及：SVG，可縮放矢量圖形（Scalable Vector Graphics）， 是被存成了 XML 格式的圖像，
特征：
1，可被多種工具讀取和修改（比如記事本）
,2，尺寸更小，可壓縮性更強
,3，矢量
,4，純粹的 XML
動效制作手法5：canvas;
Canvas可以算是SVG的堂兄弟，大部分的圖表動畫，都是由Canvas或是SVG制作而成的，二者的動畫能力相似但也有以下這些區別：
1，canvas是畫框，有自己固定的高寬，svg是不依賴分辨率的矢量，可以任意放大縮小。
2，canvas能以.jpg的格式保存圖像，svg是文本的格式保存圖像
,3，canvas繪制的圖像不占DOM，而svg的每個圖像都是1個DOM元素
4，canvas適合圖像密集型的動畫，而svg不適合大量使用，例如制作飄雪等
5，canvas完全依賴腳本繪制作，而svg可直接使用矢量轉存生成。
動效制作手法6：flash->canvas;