From 8329c5f60438a0f1f98a1dc553bd1bafdcdf2eb5 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期二, 10 十一月 2020 19:17:18 +0800 Subject: [PATCH] # --- src/main/webapp/views/monitor/monitor.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 60 insertions(+), 0 deletions(-) diff --git a/src/main/webapp/views/monitor/monitor.html b/src/main/webapp/views/monitor/monitor.html index 23e83e1..d69e0db 100644 --- a/src/main/webapp/views/monitor/monitor.html +++ b/src/main/webapp/views/monitor/monitor.html @@ -4,12 +4,43 @@ <meta charset="UTF-8"> <title>ASRS鐩戞帶</title> <link href="css/monitor.css" rel="stylesheet"> +<!-- <link href="css/Pacifico.css" rel="stylesheet">--> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/vincent.js"></script> <script src="js/echarts/echarts.min.js"></script> <script src="https://api.map.baidu.com/api?v=2.0&ak=pnkdgjAQGCS0nwjFnBjbprCtPrNNvDBe" type="text/javascript"></script> <script src="js/echarts/bmap.min.js"></script> + <script src="js/jquery.countup.min.js"></script> + <script src="js/jquery.waypoints.min.js"></script> <style> + span.counter { + display:block; + margin:20px auto; + font-size:64px; + font-family:'Pacifico',serif + } + + /*.div1 {*/ + /* width:200px;*/ + /* height:200px;*/ + /* overflow:hidden;*/ + /* margin:auto;*/ + /* position:relative;*/ + /* font-family:'Pacifico',serif*/ + /*}*/ + /*@keyframes anis {*/ + /* 100% {*/ + /* transform:translateY(-200px)*/ + /* }*/ + /*}img {*/ + /* position:absolute;*/ + /* }*/ + /*.div2 {*/ + /* animation:anis 10s linear infinite;*/ + /*}*/ + /*.div2:hover {*/ + /* animation-play-state:paused;*/ + /*}*/ </style> </head> @@ -121,6 +152,34 @@ <div class="image-border image-border3"></div> <div class="image-border image-border4"></div> + + <!-- 涓笂 --> + <div class="demo"> + <span class="counter">5.00</span> + </div> + + <!-- 涓乏 --> + <div class="div1"> + <div class="div2"> + <p>111111111111111111111</p> + <p>211111111111111111111</p> + <p>311111111111111111111</p> + <p>411111111111111111111</p> + <p>511111111111111111111</p> + <p>611111111111111111111</p> + <p>711111111111111111111</p> + <p>2211111111111111111111</p> + <p>331111111111111111111</p> + <p>441111111111111111111</p> + <p>551111111111111111111</p> + <p>661111111111111111111</p> + <p>771111111111111111111</p> + <p>881111111111111111111</p> + <p>991111111111111111111</p> + <p>001111111111111111111</p> + </div> + </div> + <!-- 涓彸 --> </div> </div> @@ -224,6 +283,7 @@ </div> </body> <script> + $('.counter').countUp(); // 閬僵 let closeBtn = document.getElementById('closeBtn'); let detailModal = document.getElementById('detail-modal'); -- Gitblit v1.9.1