网站介绍
这是一个使用HTML、CSS和JavaScript制作的响应式图片轮播网站。网站的主要特点是图片轮播效果，以及一些基本的页面布局和样式设置。
HTML结构
网站的HTML结构主要包括一个包裹所有内容的容器元素.hy-wrapper,以及几个子元素：.hy-target用于设置溢出隐藏，.hy-relative用于设置相对定位，.hy-box用于设置图片轮播容器，.hy-fade用于实现图片的淡入淡出动画效果。
<div class="hy-wrapper">
<div class="hy-target">
<div class="hy-relative"></div>
<div class="hy-box">
<!-- 图片轮播内容 -->
</div>
</div>
</div>
CSS样式
为了实现响应式布局，网站使用了媒体查询(media query)来适应不同设备的屏幕尺寸。同时，通过设置.hy-wrapper的overflow: hidden; position: absolute; top: 0; left: 0; height: 100%;属性，实现了全屏的效果。此外，还对.hy-fade .hy-box设置了绝对定位和透明度渐变效果，以实现图片的淡入淡出效果。
”`css .hy-wrapper{ overflow:hidden; position:absolute; top:0; left:0; height:100%; } .hy-wrapper * { box-sizing: border-box; } .hy-fade .hy-box{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; transition-property:opacity; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; } .hy-box.hy
