京东首页无脑内容

首页无脑html内容

• tabBar

<ul class="clearfix">
            <li><a href="">![](images/a-home.png)</a></li>
            <li><a href="">![](images/n-catergry.png)</a></li>
            <li><a href="">![](images/n-find.png)</a></li>
            <li><a href="">![](images/n-cart.png)</a></li>
            <li><a href="">![](images/n-me.png)</a></li>
        </ul>

• banner

       /* banner内 */
        <ul class="clearfix">
            <li><a href="javascript:;">![](images/l8.jpg)</a></li>
            <li><a href="javascript:;">![](images/l1.jpg)</a></li>
            <li><a href="javascript:;">![](images/l2.jpg)</a></li>
            <li><a href="javascript:;">![](images/l3.jpg)</a></li>
            <li><a href="javascript:;">![](images/l4.jpg)</a></li>
            <li><a href="javascript:;">![](images/l5.jpg)</a></li>
            <li><a href="javascript:;">![](images/l6.jpg)</a></li>
            <li><a href="javascript:;">![](images/l7.jpg)</a></li>
            <li><a href="javascript:;">![](images/l8.jpg)</a></li>
            <li><a href="javascript:;">![](images/l1.jpg)</a></li>
        </ul>

• 分类索引

<ul class="clearfix">
            <li>
                <a href="">
                    ![](images/nav1.png)
                    <p>京东超市</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav2.png)
                    <p>全球购</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav3.png)
                    <p>服装城</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav4.png)
                    <p>京东生鲜</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav5.png)
                    <p>京东到家</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav6.png)
                    <p>充值缴费</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav7.png)
                    <p>领豆豆</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav8.png)
                    <p>领券</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav9.png)
                    <p>物流查询</p>
                </a>
            </li>
            <li>
                <a href="">
                    ![](images/nav10.png)
                    <p>惠赚钱</p>
                </a>
            </li>
        </ul>

• 秒杀产品

<ul class="seckill-goods">
                    <li>
                        <a href="">
                            ![](images/detail01.jpg)
                        </a>
                        <p class="cur-price">¥999</p>
                        <p class="old-pirce">¥19999</p>
                    </li>
                    <li>
                        <a href="">
                            ![](images/detail02.jpg)
                        </a>
                        <p class="cur-price">¥999</p>
                        <p class="old-pirce">¥19999</p>
                    </li>
                    <li>
                        <a href="">
                            ![](images/detail03.jpg)
                        </a>
                        <p class="cur-price">¥999</p>
                        <p class="old-pirce">¥19999</p>
                    </li>
                </ul>

• 推荐

<ul class="clearfix">
                    <li class="intro">
                        <a href="">
                            ![](images/intro1.jpg)
                            <p class="intro-des">这里是推荐各种描述巴拉巴拉吧啦吧啦吧啦吧吧</p>
                            <p class="intro-price">¥ <strong style="font-size: 14px;">99</strong>.00</p>
                        </a>
                        <div class="praise-info clearfix">
                            <span>好评率94%</span>
                            <a href="" class="find-same-btn light-border">找相似</a>
                        </div>
                    </li>
                    <li class="intro">
                        <a href="">
                            ![](images/intro2.jpg)
                            <p class="intro-des">这里是推荐商品的各种描述巴拉巴拉吧啦吧啦吧描述巴拉巴拉吧啦吧啦吧啦吧吧</p>
                            <p class="intro-price">¥ <strong style="font-size: 14px;">99</strong>.00</p>
                        </a>
                        <div class="praise-info clearfix">
                            <span>好评率94%</span>
                            <a href="" class="find-same-btn light-border">找相似</a>
                        </div>
                    </li>
                    <li class="intro">
                        <a href="">
                            ![](images/intro3.jpg)
                            <p class="intro-des">这里是推荐商品的各种描述商品的各种描述商品的各种描述商品的各种描述商品的各种描述巴拉巴拉吧啦吧啦吧啦吧吧</p>
                            <p class="intro-price">¥ <strong style="font-size: 14px;">99</strong>.00</p>
                        </a>
                        <div class="praise-info clearfix">
                            <span>好评率94%</span>
                            <a href="" class="find-same-btn light-border">找相似</a>
                        </div>
                    </li>
                    <li class="intro">
                        <a href="">
                            ![](images/intro4.jpg)
                            <p class="intro-des">这里是推荐商描述巴拉巴拉吧啦吧啦吧品的各种描述巴拉巴拉吧啦吧啦吧啦吧吧</p>
                            <p class="intro-price">¥ <strong style="font-size: 14px;">99</strong>.00</p>
                        </a>
                        <div class="praise-info clearfix">
                            <span>好评率94%</span>
                            <a href="" class="find-same-btn light-border">找相似</a>
                        </div>
                    </li>
                </ul>