chenzhiguang
/
macao_army


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE 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="icon" type="image/png" sizes="32x32" href="./images/favicon.png" class="keep">
<link rel="stylesheet" href="./css/index.css">
<html>

<head>
    <title>驻澳军史馆</title>
    <!-- <script src="https://model3d.4dage.com/3D/2018/model/DG/js/4dage.js"></script> -->
    <script src="js/4dage.js"></script>
    <style>
        html {
            overflow: hidden;
        }
        .img{
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            z-index: 999999;
            color: #010101;
            bottom: 20px;
            pointer-events: none;
            opacity: 0.9;
            width: 90%;
            text-align: center;
        }
        .mobileimg{
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            z-index: 999999;
            color: #010101;
            bottom: 20px;
            pointer-events: none;
            opacity: 0.9;
            display: none;
            width: 100%;
            text-align: center;
        }
        @media screen and (max-width: 600px) {
            .img{
               display: none;
            }
            .mobileimg{
                display: block;
            }
        }

    </style>
</head>

<body>
    <div class="img">
        按住鼠标轮轴或ctrl+鼠标左键可进行移动文物查看
    </div>
    <div class="mobileimg">
        单指可转动场景角度<br/>双指可上下拖动或放大缩小文物
    </div>
    <div id="ui">
        <!-- <div id="introductionWrap" class="animated">
            <span id="name"></span>
            <span id="time"></span>
            <span id="size"></span>
            <span id="texture"></span>
            <span id="keep"></span>
            <span id="num"></span>
            <span id="level"></span>
            <span id="unit"></span>
        </div>
        <div id="iconWrap" class="iconWrap">
            <img id="iconLeft" class="mar-right" src="images/icon_left.png" alt="">
            <img id="iconRight" class="iconRight" src="images/icon_right.png" alt="">
        </div>
        <div class="iconAction">
            <div id="iconHome" class="iconMenu iconHome"><img src="images/icon_home.png" alt=""><span>首页</span></div>
            <div class="iconMenu iconInfo" id="iconInfo" data-info=0>
                <img  src="images/icon_info.png" alt="">
                <span>文物介绍</span>
            </div>
        </div> -->
        <!-- <span id="companyText" class="loading animated ">四维时代提供技术支持</span> -->
    </div>
    <script src="js/jquery.js"></script>
    <!-- <script src="js/constant.js"></script> -->

    <script type="text/javascript" src="js/info.js"></script>
    <script type="text/javascript" src="js/model.js"></script>
    <!-- <script type="text/javascript" src="js/data.js"></script> -->
    <script>
         var number = getQueryVariable("m");
       /*  window.autoRotate = true; */   // 是否自动旋转
        
        fdage.embed('4dage/'+ number + '.4dage', { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
    </script>
</body>

</html>