Model.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. <style>
  7. .outerImg {
  8. transition: all 1s;
  9. opacity: 1;
  10. position: absolute;
  11. z-index: 998;
  12. top: 0;
  13. left: 0;
  14. width: 100%;
  15. height: 100%;
  16. background-color: #073e5c;
  17. }
  18. </style>
  19. <head>
  20. <title>南海博物馆</title>
  21. <script src="js/4dage.js"></script>
  22. <style>
  23. html {
  24. overflow: hidden;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="outerImg"></div>
  30. <div id="ui">
  31. </div>
  32. <script>
  33. let number = getQueryVariable("m");
  34. // window.autoRotate = true; // 是否自动旋转
  35. fdage.embed('4dage/' + number + '.4dage', {
  36. transparentBackground: true,
  37. width: 800,
  38. height: 600,
  39. autoStart: true,
  40. fullFrame: true,
  41. pagePreset: false
  42. });
  43. </script>
  44. </body>
  45. </html>