返回商品导航功能...登陆

商品导航功能

普照新时空2019-07-20 17:06:1234

商品导航功能

<!DOCTYPE html>

<html>


<head>

    <title>天猫精选-上天猫,就够了</title>

    <meta charset="utf-8">

    <link href="static/css/style.css" rel="stylesheet" type="text/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">

</head>


<body>

    <!-- 头部导航 -->

    <div class="top">

        <div class="content">

            <div class="left">

                <a href=""> 喵,欢迎来到天猫</a>

                <a href="">请登录</a>

                <a href="">免费注册</a>

            </div>

            <ul class="right">

                <li><a href="">我的淘宝</a>

                    <div class="number">

                        <a href="">已买到的宝贝</a><br>

                        <a href="">已卖出的宝贝</a>

                    </div>

                </li>

                <li><a href=""><i class="fa fa-heart"></i> 我关注的品牌 </a></li>

                <li><a href=""><i class="fa fa-shopping-cart"></i> 购物车0件</a></li>

                <li><a href="">收藏夹</a>

                    <div class="dope">

                        <a href="">收藏的宝贝</a><br>

                        <a href="">收藏的店铺</a>

                    </div>

                </li>

                <li><a href="">|</a></li>

                <li><a href=""><i class="fa fa-android"></i> 手机版</a></li>

                <li><a href="">淘宝网</a></li>

                <li><a href="">网页导航</a>

                    <div id="website">


                    </div>

                </li>

            </ul>


        </div>

        <div class="clear"></div>

    </div>

    <div class="middle">

        <div class="content">

            <ul class="menu">

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 女装/内衣</a>

                    <div class="menu_content">

                        <div class="menu_left">

                            <p><b>当季流行</b><span class="fa fa-angle-right"></span></p>

                            <p class="hr">

                                <a href="" style="color: pink;">夏季新品</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 class="hr">

                                <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 class="hr">

                                <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 class="hr">

                                <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 class="hr">

                                <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 class="hr">

                                <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>

                            </p>

                        </div>

                        <div class="menu_right">

                            <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>

                            <a href=""><img src="static/images/5.jpg"></a>

                            <a href=""><img src="static/images/6.jpg"></a>

                        </div>

                    </div>

                </li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 男装/运动户外</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 女鞋/男鞋/箱包</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 美妆/个人护理</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 腕表/眼镜/珠宝饰品</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 手机/数码/电脑办公</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 母婴玩具</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 零食/茶酒/进口食品</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 生鲜水果</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 女鞋/男鞋/箱包</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 美妆/个人护理</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 腕表/眼镜/珠宝饰品</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 手机/数码/电脑办公</a></li>

                <li><a href="#"><i class="fa fa-hand-o-right"></i> 母婴玩具</a></li>

  &

最新手记推荐

• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade• 创建一个验证器, 用来对模型对应的表中字段进行验证处理

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网