Model.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <meta name="viewport"
  5. content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
  7. <!-- <link rel="stylesheet" href="css/index.css"> -->
  8. <style>
  9. .outerImg {
  10. transition: all 1s;
  11. opacity: 1;
  12. position: absolute;
  13. z-index: 998;
  14. top: 0;
  15. left: 0;
  16. width: 100%;
  17. height: 100%;
  18. background-color: #073e5c;
  19. }
  20. </style>
  21. <head>
  22. <title>南海博物馆</title>
  23. <script src="js/4dage.js"></script>
  24. <style>
  25. html {
  26. overflow: hidden;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="outerImg"></div>
  32. <div id="ui">
  33. </div>
  34. <script>
  35. let number = getQueryVariable("m");
  36. // window.autoRotate = true; // 是否自动旋转
  37. fdage.embed('4dage/' + number + '.4dage', {
  38. transparentBackground: true,
  39. width: 800,
  40. height: 600,
  41. autoStart: true,
  42. fullFrame: true,
  43. pagePreset: false
  44. });
  45. </script>
  46. </body>
  47. </html>