Model2.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
  9. <head>
  10. <title>-</title>
  11. <script src="js/4dage.js"></script>
  12. <script src="./info.js"></script>
  13. <script>
  14. document.title = titleInfo
  15. </script>
  16. <style>
  17. html {
  18. overflow: hidden;
  19. }
  20. .outerImg {
  21. transition: all 1s;
  22. opacity: 1;
  23. position: absolute;
  24. z-index: 998;
  25. top: 0;
  26. left: 0;
  27. width: 100%;
  28. height: 100%;
  29. background-color: #1a1b20;
  30. }
  31. .outerImg img {
  32. position: absolute;
  33. width: 100%;
  34. height: 100%;
  35. object-fit: cover;
  36. }
  37. body {
  38. user-select: none;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <div class="outerImg">
  44. <img src="./img/bg.jpg" alt="">
  45. </div>
  46. <div id="ui">
  47. </div>
  48. <script src="js/jquery.js"></script>
  49. <script>
  50. var number = getQueryVariable("m");
  51. if (spinInfo) window.autoRotate = true;
  52. fdage.embed('4dage/' + number + '.4dage', {
  53. width: 800,
  54. height: 600,
  55. autoStart: true,
  56. fullFrame: true,
  57. pagePreset: false
  58. });
  59. $('.outerImg img').attr('src', `./images/${number}.jpg`)
  60. </script>
  61. </body>
  62. </html>