From bfc38772a4a3c8baa6fe505bd36f99cc15381516 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期二, 21 十二月 2021 13:17:05 +0800 Subject: [PATCH] # --- views/index0.html | 27 +++++++++++++++------------ 1 files changed, 15 insertions(+), 12 deletions(-) diff --git a/views/index0.html b/views/index0.html index 03d54a4..dee13e4 100644 --- a/views/index0.html +++ b/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> -- Gitblit v1.9.1