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>
  • 相关阅读:
    JS站点
    1011 World Cup Betting (20分)
    1007 Maximum Subsequence Sum (25分)(动态规划DP)
    1006 Sign In and Sign Out (25分)
    1005 Spell It Right (20分)
    1004 Counting Leaves (30分)(DFS)
    1003 Emergency (25分)(Dijkstra算法)
    1002 A+B for Polynomials (25分)
    1001 A+B Format (20分)
    canvas
  • 原文地址:https://www.cnblogs.com/rysly/p/taobao_lizi.html
Copyright © 2011-2022 走看看