web前端学习作业4

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <div>
        <div class="header">
            <div class="site-header">
                <div class="container">
                    <div class="header-logo">
                        <a href="#" title="小米官网" class="logo ir">小米官网</a>
                    </div> 
                <div class="header-nav">
                    <ul class="nav-list J_navMainList clearfix">
                        <li id="J_navCategory" class="nav-category">
                            <a href="#" class="link-category">
                                <span class="text">全部商品分类</span>
                            </a>
                            <div class="site-category" style="display: block;">
                                <ul id="J_categoryList" class="site-category-list clearfix site-category-list-custom">
                                    <li class="category-item">手机</li>
                                    <li class="category-item">电视</li>
                                    <li class="category-item">家电</li>
                                    <li class="category-item">笔记本 平板</li>
                                    <li class="category-item">出行 穿戴</li>
                                    <li class="category-item">耳机 音箱</li>
                                    <li class="category-item">健康 儿童</li>
                                    <li class="category-item">生活 箱包</li>
                                    <li class="category-item">智能 路由器</li>
                                    <li class="category-item">电源 配件</li>
                                </ul>
                            </div>
                        </li>
                        <li data-index="1" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">Xiaomi手机</span>
                            </a>
                        </li>
                        <li data-index="2" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">Redmi手机</span>
                            </a>
                        </li>
                        <li data-index="3" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">电视</span>
                            </a>
                        </li>
                        <li data-index="4" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">笔记本</span>
                            </a>
                        </li>
                        <li data-index="5" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">平板</span>
                            </a>
                        </li>
                        <li data-index="6" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">家电</span>
                            </a>
                        </li>
                        <li data-index="7" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">路由器</span>
                            </a>
                        </li>
                        <li data-index="8" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">服务中心</span>
                            </a>
                        </li>
                        <li data-index="9" class="nav-item">
                            <a href="javascript:void(1)">
                                <span class="text">社区</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="header-search">
                    <form id="J_searchForm" action="//search.mi.com/search" method="get" class="search-form clearfix">
                        <label for="search" class="hide">站内搜索</label>
                        <div class="search-hot-words"></div>
                        <div id="J_keywordList" class="keyword-list hide">
                            <ul class="result-list"></ul>
                        </div>
                    </form>
                </div>
        </div>
    </div>
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值