zoukankan      html  css  js  c++  java
  • 淘宝例子

    <!DOCTYPE html>
    <html class="full_height">
        <head>
            <meta charset="utf-8"/>
     <!--    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
            <meta http-equiv="X-UA-Compatible" content="IE=edge"/> -->
            <title>淘宝网-淘!我喜欢</title>
            <link rel="stylesheet" type="text/css" href="bootstrap.css"/>
            <link rel="stylesheet" type="text/css" href="main.css"/>
        </head>
        <body>
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="container-fluid">
                    <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                        
                        <ul class="nav navbar-nav">
                            <li class="special"> <a href="#">亲,请登录 <span class="sr-only">(current)</span></a></li>
                            <li><a href="#">免费注册</a></li>
                            <li><a href="#">手机逛淘宝</a></li>
                        </ul>
    
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">我的淘宝<span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu">
                                    <li><a href="#">已买到的宝贝</a></li>
                                    <li><a href="#">我的足迹</a></li>
                                    <li><a href="#">我的上新</a></li>
                                    <li><a href="#">爱逛街</a></li>
                                    <li><a href="#">淘宝达人</a></li>
                                    <li><a href="#">新欢</a></li>
                                </ul>
                            </li>
    
                            <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">购物车<span class="badge">0</span><span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu">
                                    <p>您购物车里还没有任何宝贝。</p>
                                    <a href="#" role="button" class="btn btn-danger">查看我的购物车</a>
                                </ul>
                            </li>
    
                            <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">收藏夹<span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu">
                                    <li><a href="#">收藏的宝贝</a></li>
                                    <li><a href="#">收藏的店铺</a></li>
                                </ul>
                            </li>            
    
                            <li><a href="#">商品分类</a></li>
    
                            <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">卖家中心 <span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu">
                                    <li><a href="#">免费开店</a></li>
                                    <li><a href="#">已卖出的宝贝</a></li>
                                    <li><a href="#">出售中的宝贝</a></li>
                                    <li><a href="#">卖家服务市场</a></li>
                                    <li><a href="#">卖家培训中心</a></li>
                                </ul>
                            </li>
    
                            <li><a href="#">联系客服</a></li>
    
                            <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle">网站导航 <span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu"></ul>
                            </li>
    
                        </ul>
                    </div>
                </div>
            </nav>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="bootstrap.js"></script>
    
        </body>
    </html>
  • 相关阅读:
    《剑指Offer》题目:跳台阶
    《剑指Offer》题目:变态跳台阶
    《剑指Offer》题目:二叉树的镜像
    《剑指Offer》题目:树的子结构
    《剑指Offer》题目:合并两个排序的链表
    《剑指Offer》题目:链表中倒数第k个结点
    《剑指Offer》题目:调整数组顺序使奇数位于偶数前面
    Nginx配置http强制跳转到https
    并查集详解(转)
    AKOJ -- 1529 -- 寻找最大数
  • 原文地址:https://www.cnblogs.com/rysly/p/taobao_lizi.html
Copyright © 2011-2022 走看看