#

luxiaotao1123

2021-12-21 bfc38772a4a3c8baa6fe505bd36f99cc15381516

 views/index0.html

@@ -46,15 +46,12 @@
        <ul id="ship-type-ul">
            <li>初始化</li>
            <li>待机…</li>
            <li>可以开始常规推进</li>
            <li>匀速航行</li>
            <li>曲率引擎准备就绪</li>
            <li>跃迁</li>
            <li>您现在可以自由移动视角</li>
        </ul>
    </div>
    <div class="speed pointernone"><span id="speed">0</span> <i id="speed-unit">%</i></div>
    <div id="ship-info-btn" class="btn" data-type="1">
        <div class="btn-back"></div>
        <div id="btn-lock"></div>
        <div class="btn-word">启动</div>
        <div class="line line1"></div>
        <div class="line line2"></div>
@@ -75,6 +72,12 @@
    var player = new APP.Player();
    player.start();

    document.getElementById("btn-lock").addEventListener('click', function () {
        player.lockControl();
        removeClass(document.getElementById("ship-info-btn"), "show");
        document.getElementById("ship-type-ul").style.transform = 'translateY(-60px)';
    }, false);

</script>
<script>
    var percent = 0;
@@ -82,7 +85,7 @@
    var speedDom = document.getElementById("speed");
    var timer = setInterval(function () {
        if (percent < 99.95) {
            percent += 0.05;
            percent += 0.15;
            speedDom.innerText = percent.toFixed(2);
        } else {
            if (!hasClass(shipInfoBtn, "show")) {
@@ -93,19 +96,19 @@
    }, 1);

    $(document).on('click','.btn-word', function () {
        fullScreen()
        $("#mask").fadeOut(3000, function () {
            $("#menu").addClass("show");
            setTimeout(function () {
                $("#ship-type-ul").css("transform", "translateY(-40px)");
                $("#ship-info-btn .btn-word").text("起航");
                $("#ship-info-btn .btn-word").text("体验中扬立库");
                $("#ship-info-btn").data("type", 2).addClass("show");
                $("#ship-info-box,#logo").css("z-index", "10");
                $("#menu li").css("transition", "all 200ms !important");
            }, 2000);
                $("#ship-info-btn #btn-lock").css("z-index", "10");
            }, 1000);
        });
        $("#logo").addClass("show");
        $("#ship-info-btn").removeClass("show");
        // $('.pointernone').hide();
        $('.speed.pointernone').addClass("hide");
        $("#ship-type-ul").css("transform", "translateY(-20px)");
    });

</script>