#

luxiaotao1123

2021-12-22 8dddc657bca9b68b7ac5b25275303e96b583a713

 views/index.html

@@ -70,6 +70,17 @@
    </div>
    <div id="control-remind" class="remind">您现在可以自由移动视角</div>
</div>
<ul class="menu" id="menu">
    <li id="menu-w">
        <div><div>主</div></div>
    </li>
    <li id="menu-m">
        <div><div>左</div></div>
    </li>
    <li id="menu-t">
        <div><div>俯</div></div>
    </li>
</ul>


<div id="container"></div>
@@ -91,6 +102,17 @@
        document.getElementById("ship-type-ul").style.transform = 'translateY(-60px)';
    }, false);

    document.getElementById("menu-w").addEventListener('click', function () {
        player.mainView();
    }, false);

    document.getElementById("menu-m").addEventListener('click', function () {
        player.leftView();
    }, false);

    document.getElementById("menu-t").addEventListener('click', function () {
        player.verticalView();
    }, false);
</script>
<script>
    var percent = 0;
@@ -112,13 +134,15 @@

    $(document).on('click','.btn-word', function () {
        fullScreen()
        $("#mask").fadeOut(1, function () {
        $("#mask").fadeOut(3000, function () {  // 3000
            $("#menu").addClass("show");
            setTimeout(function () {
                $("#ship-type-ul").css("transform", "translateY(-40px)");
                $("#ship-info-btn .btn-word").text("体验调度世界");
                $("#ship-info-btn").data("type", 2).addClass("show");
                $("#ship-info-btn #btn-lock").css("z-index", "10");
            }, 1);
                $("#menu li").css("transition", "all 200ms !important");
            }, 3000);   // 1000
        });
        $("#title-box, #logo").addClass("show");
        $("#ship-info-btn").removeClass("show");