滚动播放

large/index.html

@@ -79,10 +79,16 @@
 					  <th>工会名称</th>
 					  <th>基础型</th>
 					</tr>
-				  </thead>
-				  <tbody id="topListBody">
-				  </tbody>
-				</table>
+				  </thead>
+				  </table>
+				  <marquee onMouseOut="this.start()" id="marquee1"
+				  behavior="scroll" scrollamount="3"
+				  direction="up" onMouseOver="this.stop()">
+					  <table class="table table-bordered">
+					  <tbody id="topListBody">
+					  </tbody>
+					</table>
+				</marquee>
 				<!--<div class="tab-more">查看更多</div>-->
 			</div>
 		</div>
@@ -90,8 +96,8 @@
 			<div class="title">
 				<h3>预警信息</h3><span class="red" id="errorListNum" >8</span>
 			</div>
-			<div class="content">
-				<table class="table table-bordered">
+			<div class="content" >
+				<table class="table table-bordered" >
 				  <thead>
 					<tr>
 					  <th>触发工会</th>
@@ -99,14 +105,21 @@
 					  <th>类型</th>
 					  <th>日期</th>
 					</tr>
-				  </thead>
-				  <tbody id="errorListBody">
-
-				  </tbody>
-				</table>
+				  </thead>
+				  	</table>
+				<marquee onMouseOut="this.start()" id="marquee2" scrollamount="3"
+					behavior="scroll"
+					direction="up" onMouseOver="this.stop()">
+					<table class="table table-bordered" >
+						<tbody id="errorListBody" >
+							
+						</tbody>				  
+					</table>
+				</marquee>	
 			</div>
 		</div>
-	  </div>
+	  </div>
+	 
       <div class="main-mid">
 		  <div class="main-mid-top">
 			  <img src="img/map.png" alt="">
@@ -164,7 +177,9 @@
 	  </div>
     </div>
     <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
-    <script src="js/jquery.min.js"></script>
+    <script src="js/jquery.min.js"></script>
+	<script src="js/jquery.marquee.js"></script>
+	
     <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
     <script src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>

large/js/large.js

@@ -1,3 +1,7 @@
+var marquee2 = document.getElementById("marquee2");
+		  marquee2.start();
+		  var marquee1 = document.getElementById("marquee1");
+		    marquee1.start();
 $(function() {// 初始化内容
 
     var url="/wzzgh-fwdt/healthScore/largeScreen?orgId="