直播商城系统源码，实现最简单最基本的轮播图样式

直播商城系统源码，实现最简单最基本的轮播图样式

一、H5的布局

可以使用自己的图片，需要注意路径

​

 
<div class="banner">
<ul class="imgList">
<li><img src="1.png"/></li>
<li><img src="2.jpg"/></li>
<li><img src="3.jpg"/></li>
<li><img src="4.jpg"/></li>
</ul>
<div class="circle">
</div>
</div>

二、CSS的布局

*{
padding: 0px;
margin: 0px;
}
.banner{
 width: 600px;
 margin: auto;
 border: 10px solid green;
 height: 350px;
 position: relative;
overflow: hidden;
position: relative;
}
.imgList img{
width: 600px;
height: 350px;
}
.imgList{
/* 绝对定位 */
 position: absolute;
}
.imgList li{
float:left;
margin-right: 20px;
 list-style: none; 

以上就是直播商城系统源码，实现最简单最基本的轮播图样式的全部代码，更多内容请关注之后的文章