|
|
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
-
- <link rel="stylesheet" href="bootstrap-3.3.4/dist/css/bootstrap.min.css"/>
- <link rel="stylesheet" href="Flat-UI-master/dist/css/flat-ui.min.css"/>
- <script src="bootstrap-3.3.4/dist/js/jquery-1.11.3.min.js"></script>
- <script src="bootstrap-3.3.4/dist/js/bootstrap.min.js"></script>
- <script src="Flat-UI-master/dist/js/flat-ui.min.js"></script>
- <title></title>
- <style>
- .row{
- margin-left: 20px;
- margin-right: 20px;;
- }
- .line-center{
- line-height:50px;
- text-align: center;
- }
- .row input{
- width: 50px;
- }
- .list-group-item:hover{
- background: #27ae60;
-
- }
- .list-group-item div:first-child:hover{
-
- cursor: pointer;
- }
- th{
- text-align: right;
- width: 10%;;
- padding: 10px;
- }
- td{
- text-align: left;
- width: 30%;;
- padding: 10px;
- }
- .table th{
- text-align: center;
- }
- .table td{
- text-align: center;
- }
- </style>
- <script>
- function myClick(n){
- location.href = "OrderInfo.html";
- }
- function btnClick(){
- alert("btn");
- return false;
- }
- $(function(){
-
- })
- </script>
- <script>
- $(function(){
- $('#myTabs a').click(function (e) {
-
- $(this).tab('show')
- });
- })
- </script>
- </head>
- <body>
- <!-- Static navbar -->
- <div class="navbar navbar-default navbar-static-top" role="navigation">
- <div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="sr-only">这什么东西</span>
- </button>
- <a class="navbar-brand" href="Index.html">图书商城</a>
- </div>
- <div class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="Index.html">首页</a></li>
- <li><a href="Order.html">我的订单</a></li>
- <li><a href="UserInfo.html">个人中心</a></li>
- <li><a href="FriendLink.html">友情链接</a></li>
- </ul>
- <ul class="nav navbar-nav navbar-right hidden-sm">
- <li><a href="Login.html">登录</a></li>
- <li><a href="Register.html">注册</a></li>
- <li>
- <a href="Cart.html"><span class="glyphicon glyphicon-shopping-cart">购物车</span></a></li>
- </ul>
- </div><!--/.nav-collapse -->
- </div>
- </div>
- <!--content-->
- <div class="container">
- <div class="row thumbnail center col-sm-12">
- <div class="col-sm-12">
- <h1 class="text-center" style="margin-bottom: 30px">个人中心</h1>
- </div>
-
- <ul class="nav nav-tabs nav-justified" id="myTabs">
- <li class="active"><a href="#userHome" >个人中心</a></li>
- <li><a href="#editInfo">信息修改</a></li>
- <li><a href="#editPassword">密码修改</a></li>
- <li><a href="#orderManager">订单管理</a></li>
- </ul>
-
- <!-- Tab panes -->
- <div class="tab-content">
- <div role="tabpanel" class="tab-pane active" id="userHome">个人中心</div>
- <div role="tabpanel" class="tab-pane" id="editInfo">信息修改</div>
- <div role="tabpanel" class="tab-pane" id="editPassword">密码修改</div>
- <div role="tabpanel" class="tab-pane" id="orderManager">订单管理</div>
- </div>
- </div>
- </div>
-
- <!--footer-->
- <div class="navbar navbar-default navbar-static-bottom">
- 版权声明区
- </div>
- </body>
- </html>
|