From f91133296e15158d69d4af21b8b5ed363d29ea75 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 21 十二月 2021 12:25:57 +0800
Subject: [PATCH] #
---
views/index0.html | 72 ++++++++++++++++++++++++++++++++++++
1 files changed, 72 insertions(+), 0 deletions(-)
diff --git a/views/index0.html b/views/index0.html
index 20952c2..03d54a4 100644
--- a/views/index0.html
+++ b/views/index0.html
@@ -22,8 +22,47 @@
<script type="text/javascript" src="../static/js/object/CrnTask.js"></script>
<script type="text/javascript" src="../static/js/object/Floor.js"></script>
<script type="text/javascript" src="../static/js/lib/btnHide.js"></script>
+ <style>
+ * {
+ margin: 0;
+ padding: 0;
+ }
+ html {
+ height: 100%;
+ }
+ body {
+ height: 100%;
+ }
+
+ </style>
</head>
<body>
+
+<div id="mask" class="mask"></div>
+
+<img id="logo" class="logo" src="../static/img/logo0.png" alt=""/>
+<div id="ship-info-box" class="ship-info-box">
+ <div class="ship-type pointernone">
+ <ul id="ship-type-ul">
+ <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 class="btn-word">鍚姩</div>
+ <div class="line line1"></div>
+ <div class="line line2"></div>
+ </div>
+ <div id="control-remind" class="remind">鎮ㄧ幇鍦ㄥ彲浠ヨ嚜鐢辩Щ鍔ㄨ瑙�</div>
+</div>
+
+
<div id="container"></div>
</body>
<script type="module">
@@ -37,4 +76,37 @@
player.start();
</script>
+<script>
+ var percent = 0;
+ var shipInfoBtn = document.getElementById("ship-info-btn");
+ var speedDom = document.getElementById("speed");
+ var timer = setInterval(function () {
+ if (percent < 99.95) {
+ percent += 0.05;
+ speedDom.innerText = percent.toFixed(2);
+ } else {
+ if (!hasClass(shipInfoBtn, "show")) {
+ addClass(shipInfoBtn, "show")
+ clearInterval(timer);
+ }
+ }
+ }, 1);
+
+ $(document).on('click','.btn-word', function () {
+ $("#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").data("type", 2).addClass("show");
+ $("#ship-info-box,#logo").css("z-index", "10");
+ $("#menu li").css("transition", "all 200ms !important");
+ }, 2000);
+ });
+ $("#logo").addClass("show");
+ $("#ship-info-btn").removeClass("show");
+ // $('.pointernone').hide();
+ });
+
+</script>
</html>
--
Gitblit v1.9.1