|
@@ -0,0 +1,50 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
+<meta name="viewport"
|
|
|
+ content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
+<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
|
|
|
+<!-- <link rel="stylesheet" href="css/index.css"> -->
|
|
|
+<style>
|
|
|
+ .outerImg {
|
|
|
+ transition: all 1s;
|
|
|
+ opacity: 1;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 998;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #073e5c;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <title>南海博物馆</title>
|
|
|
+ <script src="js/4dage.js"></script>
|
|
|
+ <style>
|
|
|
+ html {
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="outerImg"></div>
|
|
|
+ <div id="ui">
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ let number = getQueryVariable("m");
|
|
|
+ // window.autoRotate = true; // 是否自动旋转
|
|
|
+ fdage.embed('4dage/' + number + '.4dage', {
|
|
|
+ transparentBackground: true,
|
|
|
+ width: 800,
|
|
|
+ height: 600,
|
|
|
+ autoStart: true,
|
|
|
+ fullFrame: true,
|
|
|
+ pagePreset: false
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|