总效果:![在这里插入图片描述](https://img-blog.csdnimg.cn/20190428191207754.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDc1ODg1MA==,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190428191411491.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDc1ODg1MA==,size_16,color_FFFFFF,t_70)
代码主结构:
<body>
<div class="slide-warp">
<ul class="list">
<li><a href="###"><img src="images/slidepic5.jpg" alt=""></a></li>
<li><a href="###"><img src="images/slidepic8.jpg" alt=""></a></li>
<li><a href="###"><img src="images/slidepic9.jpg" alt=""></a></li>
<li><a href="###"><img src="images/slidepic6.jpg" alt=""></a></li>
<li><a href="###"><img src="images/slidepic2.jpg" alt=""></a></li>
<li><a href="###"><img src="images/slidepic4.jpg" alt=""></a></li>
<li><a href="###"><img src="images/slidepic7.jpg" alt="">&