增加图片缩放效果

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

@@ -47,10 +47,10 @@
         let Prostick;
         const imgs = document.querySelector('.banner img')
         let Picsrc = [
-            { src: '../image/1rd.png' },
+            { src: 'pics/43401.png' },
-            { src: '../image/2rd.jpg' },
+            { src: 'pics/43402.png' },
-            { src: '../image/3rd.jpg' },
+            { src: 'pics/47202.jpg' },
-            { src: '../image/4rd.jpg' }
+            { src: 'pics/47204.jpg' }
         ]
         let i = 0
         setInterval(function Imgs() {