<!doctype html> <html> <head> <meta charset="utf-8"> <title>html5 svg太空人404動畫模板</title> <style> html { margin: 0; padding: 0; background-color: white; } body, html { width: 100%; height: 100%; overflow: hidden; } #svgContainer { width: 640px; height: 512px; background-color: white; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } </style> </head> <body> <script type="text/javascript" src="js/bodymovin.js"></script> <script type="text/javascript" src="js/data.js"></script> <div id="svgContainer"></div> <script type="text/javascript"> var svgContainer = document.getElementById('svgContainer'); var animItem = bodymovin.loadAnimation({ wrapper: svgContainer, animType: 'svg', loop: true, animationData: JSON.parse(animationData) }); </script> <div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>適用瀏覽器:360、FireFox、Chrome、Safari、Opera、傲遊、搜狗、世界之窗. 不支援IE8及以下瀏覽器。</p> </div> </body> </html>