增加图片缩放效果

.vscode/launch.json

@@ -1,15 +0,0 @@
-{
-    // 使用 IntelliSense 了解相关属性。 
-    // 悬停以查看现有属性的描述。
-    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "针对 localhost 启动 Chrome",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}

WebNews/css/foucsreport.css

@@ -38,6 +38,10 @@
     width: 100%;
     height:210px;
     overflow: hidden;
+    transition: 0.8s;
+}
+.boxcover img:hover{
+    transform: scale(1.1);
 }
 .boxinfo{
     background-color: #ebebeb;

WebNews/css/index.css

@@ -10,7 +10,8 @@
     margin-bottom: 30px;
 }
 .banner img{
-    justify-content: baseline;
+    width: 100%;
+    height: 400px;
 }
 .newszy{
     background-color: skyblue;

WebNews/index.html

@@ -45,6 +45,27 @@
     <script>  
         let totalHight; 
         let Prostick;
+        const imgs = document.querySelector('.banner img')
+        let Picsrc = [
+            { src: 'pics/43401.png' },
+            { src: 'pics/43402.png' },
+            { src: 'pics/47202.jpg' },
+            { src: 'pics/47204.jpg' }
+        ]
+        let i = 0
+        setInterval(function Imgs() {
+            if (i < Picsrc.length) {
+                imgs.src = Picsrc[i].src
+                console.log(i)
+                i++
+                if (i == Picsrc.length) {
+                    i = 0
+                }
+            }
+        }, 2000)
+        window.addEventListener('load', function () {
+            imgs.src = Picsrc[0].src
+        })
       
         document.addEventListener("DOMContentLoaded", function () {  
             let imgs = [];