first commit

历届学生/吴欣阳/项目开发/练习项目/课程练习/6.11/2.01/imdex.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style> 
+    body,ul,li,p{
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+    .title{
+        display: flex;
+    }
+    .title li{
+        margin-right: 10px;
+    }
+    .col{
+        color: red;
+    }
+    .content li{
+        display: none;
+    }
+    .content .active{
+        display: block !important;
+    }
+
+    </style>
+</head>
+<body>
+    <ul class="title">
+        
+        
+    </ul>
+    <ul class="content">
+        
+      </ul>
+
+</body>
+<script src="./imdex.js"></script>
+</html>

历届学生/吴欣阳/项目开发/练习项目/课程练习/6.11/2.01/imdex.js

@@ -0,0 +1,45 @@
+var data = [{
+        title: '公告',
+        content: [
+            { text: '公告的新闻1' },
+            { text: '公告的新闻2' },
+            { text: '公告的新闻3' },
+        ]
+    },
+    {
+        title: '规则',
+        content: [
+            { text: '规则的新闻1' },
+            { text: '规则的新闻2' }
+        ]
+    },
+    {
+        title: '安全',
+        content: [
+            { text: '安全的新闻1' },
+            { text: '安全的新闻2' },
+            { text: '安全的新闻3' },
+            { text: '安全的新闻4' },
+        ]
+    },
+    {
+        title: '公益',
+        content: [
+            { text: '公益的新闻1' },
+            { text: '公益的新闻2' },
+            { text: '公益的新闻3' },
+            { text: '公益的新闻4' },
+            { text: '公益的新闻5' },
+        ]
+    },
+    {
+        title: '军事',
+        content: [
+            { text: '军事的新闻1' },
+            { text: '军事的新闻2' },
+            { text: '军事的新闻3' },
+            { text: '军事的新闻4' },
+            { text: '军事的新闻5' },
+        ]
+    }
+];