From 2ad7b818ea9e19e20579344b090ca80ea566edc4 Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期五, 29 五月 2020 16:30:53 +0800
Subject: [PATCH] #
---
src/main/webapp/views/console.html | 35 +++++++++++++++++++++++++++++++----
1 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 35ec595..d657c7b 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -9,12 +9,13 @@
<link rel="stylesheet" type="text/css" href="../static/css/normalize.css">
<link rel="stylesheet" type="text/css" href="../static/css/common.css">
<link rel="stylesheet" type="text/css" href="../static/css/console.css">
+ <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
<style>
/* 绔欑偣 */
.site {
+ color: #333;
height: 20px;
- border: 1px solid red;
- border-radius: 3px;
+ border: 1px solid #fff;
cursor: pointer;
width: 50px;
text-align: center;
@@ -193,7 +194,7 @@
<!-- 鍫嗗灈鏈� -->
<div class="crn">
<hr class="pathway">
- <div class="machine" style="margin-left: 30px"></div>
+ <div id="crn1" class="machine"></div>
</div>
<!-- 璐ф灦 -->
<div class="stock-group">
@@ -316,7 +317,7 @@
<!-- 鍫嗗灈鏈� -->
<div class="crn">
<hr class="pathway">
- <div class="machine"></div>
+ <div id="crn2" class="machine"></div>
</div>
<!-- 璐ф灦 -->
<div class="stock-group">
@@ -378,6 +379,32 @@
</div>
<!-- 鍙宠緭閫佺嚎 -->
+ <input id="val" type="text">
+ <button id="animate">animate</button>
</main>
</body>
+<script>
+ var crn1Position = 0;
+ var crn2Position = 0;
+ $('#animate').click(function () {
+ crnAnimate(1, $('#val').val());
+ });
+
+ // 鍫嗗灈鏈哄亸绉诲姩鐢�
+ function crnAnimate(id, leftVal) {
+ switch (id) {
+ case 1:
+ $("#crn1").animate({left: leftVal+'px'}, 1000);
+ crn1Position = leftVal;
+ break;
+ case 2:
+ $("#crn2").animate({left: leftVal+'px'}, 1000);
+ crn2Position = leftVal;
+ break;
+ default:
+ break
+ }
+ }
+
+</script>
</html>
\ No newline at end of file
--
Gitblit v1.9.1