Model.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. <meta name="renderer" content="webkit">
  6. <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" class="keep">
  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: #010101;
  21. z-index: 999999;
  22. bottom: 20px;
  23. pointer-events: none;
  24. opacity: 0.9;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="img">
  30. 按住鼠标轮轴或ctrl+鼠标左键可进行移动文物查看
  31. </div>
  32. <script>
  33. var getQueryVariable = function(variable){
  34. var query = window.location.search.substring(1);
  35. var vars = query.split("&");
  36. for (var i=0;i<vars.length;i++) {
  37. var pair = vars[i].split("=");
  38. if(pair[0] == variable){return pair[1];}
  39. }
  40. return(false);
  41. };
  42. var number = getQueryVariable("m");
  43. /* window.autoRotate = true; */ // 是否自动旋转
  44. fdage.embed('/data/fodder/model/'+ number, { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
  45. </script>
  46. </body>
  47. </html>