shaogen1995
/
4dageModel


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html lang="en">
<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">
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

<head>
    <title>-</title>
    <script src="js/4dage.js"></script>
    <script src="./info.js"></script>
    <script>
        document.title=titleInfo
    </script>
    <style>
        html {
            overflow: hidden;
        }

        .logo {
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            width: 90vw;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 10px;
            height: 50px;
        }

        .logo .img {
            background: url('./img/logo.png');
            background-size: 100% 100%;
            max-width: 40vw;
            max-height: 50px;
            height: 40px;
            width: 150px;
        }

        .logo .logotxt {
            padding-bottom: 5px;
            color: #666;
            border-bottom: 1px solid #666;
        }

        .back {
            z-index: 9999;
            cursor: pointer;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 10px;
            left: 10px;
        }

        .back img {
            width: 100%;
            height: 100%;
        }
        .outerImg {
            transition: all 1s;
            opacity: 1;
            position: absolute;
            z-index: 998;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #1a1b20;
        }

        .outerImg img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    </style>
</head>

<body>
    <div class="back" onclick="javascript:history.go(-1);">
        <img src="./img/back.png" alt="">
    </div>
    <div class="logo">
        <div class="img"></div>
        <div class="logotxt"> 提 供 技 术 支 持 </div>
    </div>
    <div class="outerImg">
        <img src="./img/bg.jpg" alt="">
    </div>
    <div id="ui">
    </div>
    <script src="js/jquery.js"></script>
    <script>
        var number = getQueryVariable("m");
        if(spinInfo) window.autoRotate = true;
        fdage.embed('4dage/' + number + '.4dage', {
            width: 800,
            height: 600,
            autoStart: true,
            fullFrame: true,
            pagePreset: false
        });
        $('.outerImg img').attr('src', `./images/${number}.jpg`)
    </script>
</body>

</html>