pf7astvk4 7 months ago
commit 57320aaa5a

@ -18,7 +18,7 @@
<header class="top-navigation"> <header class="top-navigation">
<div class="container"> <div class="container">
<a class="logo" aria-label="MDN homepage"><svg id="mdn-docs-logo" x="0" y="0" viewBox="0 0 694.9 10.4" style="enable-background:new 0 0 694.9 104.4" role="img"><title>MDN Web Docs</title> <a class="logo" aria-label="MDN homepage"><svg id="mdn-docs-logo" x="0" y="0" viewBox="0 0 694.9 10.4" style="enable-background:new 0 0 694.9 104.4" role="img"><title>MDN Web Docs</title>
<button title="Open main menu" type="button" class="button action has-icon main-menu-toggle" aria-haspopup="true" aria-label="Open main menu" aria-expanded="true"><span class="button-wrap"><span class="icon icon-menu "></span><span class="visually-hidden">Open main menu</span></span></button> <button title="Open main menu" type="button" class="button action has-icon main-menu-toggle" aria-haspopup="true" aria-label="Open main menu" aria-expanded="true"><span class="button-wrap"><span class="icon icon-menu "></span><span class="visually-hidden"><a href="MainPageUI.html">Open main menu</a></span></span></button>
</div> </div>
</header> </header>
<body> <body>

@ -20,6 +20,9 @@
<style> <style>
/* 让页面所有元素的padding和margin都设置为0 */ /* 让页面所有元素的padding和margin都设置为0 */
/*{margin:0;padding:0;box-sizing:border-box;}*/ /*{margin:0;padding:0;box-sizing:border-box;}*/
h3{
right: 0;
}
.wrapper { .wrapper {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@ -54,7 +57,7 @@ input{
letter-spacing:2px; letter-spacing:2px;
} }
.imgBox{ .imgBox{
padding-top: 80px; padding-top: 180px;
border-top: 2px solid cadetblue; border-top: 2px solid cadetblue;
width: 100%; width: 100%;
height: 450px; height: 450px;
@ -65,14 +68,14 @@ input{
height: 450px; height: 450px;
margin: 0 auto; margin: 0 auto;
padding-top: 30px; padding-top: 30px;
} }
.img1{ .img1{
display: block; display: block;
} }
.img2{ .img2{
display: block; display: none
} }
.img3{ .img3{
@ -104,7 +107,8 @@ form button{
} }
</style> </style>
</head> </head>
<body>
<body style="background-image:url('./assets/images/R-C\ \(1\).png'); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover;">
<div class="wrapper"> <div class="wrapper">
<div class="box1"> <div class="box1">
<div class="headtop"></div> <div class="headtop"></div>
@ -125,11 +129,11 @@ form button{
</div> </div>
<div class="imgBox"> <div class="imgBox">
<img class="img-slide img1" <img class="img-slide img1"
src="./assets/images/bg.png" src="./assets/images/img1.jpg"
alt="1" alt="1"
/> />
<img class="img-slide img2" <img class="img-slide img2"
src="./assets/images/dove.png" src="./assets/images/img2.jpg"
alt="2" alt="2"
/> />
</div> </div>
@ -149,6 +153,6 @@ function ChangeImg() {
a[index].style.display='block'; a[index].style.display='block';
} }
//设置定时器,每隔两秒切换一张图片 //设置定时器,每隔两秒切换一张图片
setInterval(ChangeImg,2000); setInterval(ChangeImg,8000);
</script> </script>
</html> </html>

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 KiB

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 148 KiB

Before

Width:  |  Height:  |  Size: 173 KiB

After

Width:  |  Height:  |  Size: 173 KiB

Before

Width:  |  Height:  |  Size: 164 KiB

After

Width:  |  Height:  |  Size: 164 KiB

Before

Width:  |  Height:  |  Size: 155 KiB

After

Width:  |  Height:  |  Size: 155 KiB

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

Before

Width:  |  Height:  |  Size: 2.0 MiB

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 KiB

Before

Width:  |  Height:  |  Size: 740 KiB

After

Width:  |  Height:  |  Size: 740 KiB

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 409 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Before

Width:  |  Height:  |  Size: 516 B

After

Width:  |  Height:  |  Size: 516 B

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Loading…
Cancel
Save