摘要：本次实战主要继续完成了左侧导航的案例，代码如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>天猫商城欢迎您</title> <link rel="stylesheet"&nbs
本次实战主要继续完成了左侧导航的案例，代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>天猫商城欢迎您</title> <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css"> <link rel="stylesheet" href="static/css/zuoye.css"> <link rel="shortcut icon" href="static/images/logo1.png" type="image/x-icon" /> <link href="static/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <script type="text/javascript" src="static/layui/layui.js"></script> </head> <body> <!-- 顶部导航 begin--> <div> <div> <div> <a href="#">喵，欢迎来到天猫</a> <a href="#">请登录</a> <a href="#">免费注册</a> </div> <ul> <li> <a href=""> 我的淘宝 </a> <div> <a>已买到的宝贝</a> <a>已卖出的宝贝</a> </div> </li> <li><i class="fa fa-shopping-cart"></i><a href="" style="display:inline-block;">购物车<font>0</font>件</a></li> <li> <a href="">收藏夹</a> <div> <a>收藏的宝贝</a> <a>收藏的店铺</a> </div> </li> <li><span></span></li> <li><a href="">手机版</a></li> <li><a href="">淘宝网</a></li> <li> <a href="">商家支持</a> <div> <ul> <li> <h4>商家：</h4> <a href="">商家中心</a> <a href="">天猫规格</a> <a href="">商家服务</a> <a href="">运营服务</a> <a href="">商家中心</a> <a href="">天猫规格</a> <a href="">商家服务</a> <a href="">运营服务</a> <span></span> </li> <li> <h4>帮助：</h4> <a href="">帮助中心</a> <a href="">问商友</a> </li> </ul> </div> </li> <li><a href="">网站导航</a></li> </ul> </div> </div> <!-- 顶部导航 end--> <div></div> <!-- 左侧导航 begin --> <div> <div id="test1" > <div carousel-item=""> <img src="https://aecpm.alicdn.com/simba/img/TB1W4nPJFXXXXbSXpXXSutbFXXX.jpg" alt=""> <img src="https://img.alicdn.com/imgextra/i4/6/O1CN01pP52y61Bumqx6onxF_!!6-0-luban.jpg_q100.jpg_.webp" alt=""> <img src="https://img.alicdn.com/imgextra/i1/24/O1CN01mmLfoO1C31yufOgck_!!24-0-luban.jpg_q100.jpg_.webp" alt=""> <img src="https://img.alicdn.com/tps/i4/TB1UU.9pwDqK1RjSZSySuuxEVXa.jpg" alt=""> </div> </div> <div> <ul> <li> <i class="fa fa-hand-o-right"></i> <a href=""> 女装/内衣</a> <div> <div> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> </div> <div> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/4.jpg"></a> <a href=""><img src="static/images/5.jpg"></a> <a href=""><img src="static/images/6.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/5.jpg"></a> <a href=""><img src="static/images/6.jpg"></a> </div> </div> </li> <div></div> <li> <i class="fa fa-hand-o-right"></i> <a href=""> 女装/内衣</a> <div> <div> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> </div> <div> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/4.jpg"></a> <a href=""><img src="static/images/5.jpg"></a> <a href=""><img src="static/images/6.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/5.jpg"></a> <a href=""><img src="static/images/6.jpg"></a> </div> </div> </li> <div></div> <li> <i class="fa fa-hand-o-right"></i> <a href=""> 女装/内衣</a> <div> <div> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> </div> <div> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/4.jpg"></a> <a href=""><img src="static/images/5.jpg"></a> <a href=""><img src="static/images/6.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/3.jpg"></a> <a href=""><img src="static/images/5.jpg"></a> <a href=""><img src="static/images/6.jpg"></a> </div> </div> </li> <div></div> <li> <i class="fa fa-hand-o-right"></i> <a href=""> 女装/内衣</a> <div> <div> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p><p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="">运动文胸</a> <a href="">潮流家居服</a> <a href="">百搭船袜</a> </p> <p><b>当 季 流 行</b> <span class="fa fa-angle-right"></span></p> <p> <a href="">夏季新品</a> <a href="">商场同款</a> <a href="">仙女连衣裙</a> <a href="">T恤</a> <a href="">衬衫</a> <a href="">时髦外套</a> <a href="">休闲外套</a> <a href="">牛仔裤</a><br> <a href="">无痕文胸</a> <a href="&a批改老师：灭绝师太批改时间：2018-11-17 16:29:27
老师总结：完成的不错 ， 下次最好附上课程图片啊……
