历史上的今天修改

serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/today.jsp

@@ -6,7 +6,28 @@
 </jsp:include>
 </jsp:include>
 
 
 <div class="history-content text-center">
 <div class="history-content text-center">
-    <img src="/static/images/history-01.jpg">
+    <ul class="history-tab js-tab">
+        <li>
+            <a href="#his1"></a>
+        </li>
+        <li>
+            <a href="#his2"></a>
+        </li>
+        <li>
+            <a href="#his3"></a>
+        </li>
+    </ul>
+    <div class="tab-content">
+        <div class="tab-pane active" id="his1">
+            <img src="/static/images/historyall.png">
+        </div>
+        <div class="tab-pane" id="his2">
+            <img src="/static/images/historything.png">
+        </div>
+        <div class="tab-pane" id="his3">
+            <img src="/static/images/historytoday.png">
+        </div>
+    </div>
 </div>
 </div>
 <footer class="footer-main">
 <footer class="footer-main">
     <div class="container">
     <div class="container">
@@ -15,5 +36,12 @@
         </p>
         </p>
     </div>
     </div>
 </footer>
 </footer>
+<script>
+    // tab选项卡
+    $(".js-tab a").click(function(e) {
+        e.preventDefault()
+        $(this).tab('show')
+    })
+</script>
 
 
 <jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
 <jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>