Model.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3. <meta name="viewport"
  4. content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  5. <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon.png" class="keep">
  6. <link rel="stylesheet" href="./css/index.css">
  7. <html>
  8. <head>
  9. <title>驻澳军史馆</title>
  10. <!-- <script src="https://model3d.4dage.com/3D/2018/model/DG/js/4dage.js"></script> -->
  11. <script src="js/4dage.js"></script>
  12. <style>
  13. html {
  14. overflow: hidden;
  15. }
  16. .img{
  17. position: fixed;
  18. left: 50%;
  19. transform: translateX(-50%);
  20. color: #fff;
  21. z-index: 999999;
  22. color: #010101;
  23. bottom: 20px;
  24. pointer-events: none;
  25. opacity: 0.9;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div class="img">
  31. 按住鼠标轮轴或ctrl+鼠标左键可进行移动文物查看
  32. </div>
  33. <div id="ui">
  34. <!-- <div id="introductionWrap" class="animated">
  35. <span id="name"></span>
  36. <span id="time"></span>
  37. <span id="size"></span>
  38. <span id="texture"></span>
  39. <span id="keep"></span>
  40. <span id="num"></span>
  41. <span id="level"></span>
  42. <span id="unit"></span>
  43. </div>
  44. <div id="iconWrap" class="iconWrap">
  45. <img id="iconLeft" class="mar-right" src="images/icon_left.png" alt="">
  46. <img id="iconRight" class="iconRight" src="images/icon_right.png" alt="">
  47. </div>
  48. <div class="iconAction">
  49. <div id="iconHome" class="iconMenu iconHome"><img src="images/icon_home.png" alt=""><span>首页</span></div>
  50. <div class="iconMenu iconInfo" id="iconInfo" data-info=0>
  51. <img src="images/icon_info.png" alt="">
  52. <span>文物介绍</span>
  53. </div>
  54. </div> -->
  55. <!-- <span id="companyText" class="loading animated ">四维时代提供技术支持</span> -->
  56. </div>
  57. <script src="js/jquery.js"></script>
  58. <!-- <script src="js/constant.js"></script> -->
  59. <script type="text/javascript" src="js/info.js"></script>
  60. <script type="text/javascript" src="js/model.js"></script>
  61. <!-- <script type="text/javascript" src="js/data.js"></script> -->
  62. <script>
  63. var number = getQueryVariable("m");
  64. /* window.autoRotate = true; */ // 是否自动旋转
  65. fdage.embed('4dage/'+ number + '.4dage', { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
  66. </script>
  67. </body>
  68. </html>