基本完成，图片加载较慢

Author: ProgramCX

example.html

@@ -67,28 +67,28 @@
             <a class="card enable" href="example.html?id=400">
                 <p>400m</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=800">
                 <p>800m</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=1500">
                 <p>1500m</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=3000">
                 <p>3000m</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=shotput">
                 <p>铅球</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=highjump">
                 <p>跳高</p>
             </a>
-            <a class="card" style="grid-column: 2 span;">
+            <a class="card enable" style="grid-column: 2 span;" href="example.html?id=longjump">
                 <p>跳远&三级跳远</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=schoolscene">
                 <p>学校风景</p>
             </a>
-            <a class="card">
+            <a class="card enable" href="example.html?id=relay">
                 <p>迎面接力</p>
             </a>
         </div>

index.html

@@ -63,28 +63,28 @@
         <a class="card enable" href="example.html?id=400">
             <p>400m</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=800">
             <p>800m</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=1500">
             <p>1500m</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=3000">
             <p>3000m</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=shotput">
             <p>铅球</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=highjump">
             <p>跳高</p>
         </a>
-        <a class="card" style="grid-column: 2 span;">
+        <a class="card enable" style="grid-column: 2 span;" href="example.html?id=longjump">
             <p>跳远&三级跳远</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=schoolscene">
             <p>学校风景</p>
         </a>
-        <a class="card">
+        <a class="card enable" href="example.html?id=relay">
             <p>迎面接力</p>
         </a>
     </div>