Model.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. <html>
  7. <head>
  8. <title>驻澳门部队军事馆</title>
  9. <!-- <script src="https://model3d.4dage.com/3D/2018/model/DG/js/4dage.js"></script> -->
  10. <script src="./js/4dage.js"></script>
  11. <style>
  12. html {
  13. overflow: hidden;
  14. }
  15. .img{
  16. position: fixed;
  17. left: 50%;
  18. transform: translateX(-50%);
  19. color: #010101;
  20. z-index: 999999;
  21. bottom: 20px;
  22. pointer-events: none;
  23. opacity: 0.9;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="img">
  29. 按住鼠标轮轴或ctrl+鼠标左键可进行移动文物查看
  30. </div>
  31. <script>
  32. var getQueryVariable = function(variable){
  33. var query = window.location.search.substring(1);
  34. var vars = query.split("&");
  35. for (var i=0;i<vars.length;i++) {
  36. var pair = vars[i].split("=");
  37. if(pair[0] == variable){return pair[1];}
  38. }
  39. return(false);
  40. };
  41. var number = getQueryVariable("m");
  42. /* window.autoRotate = true; */ // 是否自动旋转
  43. fdage.embed('/data/fodder/model/'+ number, { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
  44. </script>
  45. </body>
  46. </html>