master

分支 (1)

管理

管理

master

imitate-tmall
/
test.html

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
</head>

<style>
div.nav{
  background-color:#DD2727;

}
span.head{
  height:40px;
  background-color:#C60A0A;
  width:200px;
  line-height:40px;
  color:white;
  display:block;
  padding-left:20px;

}
span.rightmenu{
  display:inline-block;
  height:36px;
  line-height:36px;

}
.navbar>li>a{

  height:40px;
}
.navbar{
  min-height:36px;
}
div.carousel-of-product{
  height:510px;
  width:1024px;
  margin:0px auto;
}

</style>

<div>
 <div class="nav">
   <span class="head">
   <span class="glyphicon glyphicon-th-list"></span>
   <span>商品分类</span>
   </span>
   <span class="rightmenu">
    <ul class="nav nav-pills navbar">
   <li role="presentation"><a href="#nowhere"><span class="glyphicon glyphicon-shopping-cart">天猫超市</a></span></li>
   <li role="presentation"><a href="#nowhere"><span class="glyphicon glyphicon-globe">天猫国际</a></span></li>
   <li role="presentation"><a href="#nowhere">天猫会员</a></li>
   <li role="presentation"><a href="#nowhere">平板电视</a></li>
   <li role="presentation"><a href="#nowhere">马桶</a></li>
   <li role="presentation"><a href="#nowhere">沙发</a></li>
   <li role="presentation"><a href="#nowhere">电热水器</a></li>
 </ul>
 </span>
 </div>


<div class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li class="active" data-slide-to="0" data-target="#carousel-of-product"></li>
	<li data-slide-to="1" data-target="#carousel-of-product" class=""></li>
	<li data-slide-to="2" data-target="#carousel-of-product" class=""></li>
	<li data-slide-to="3" data-target="#carousel-of-product" class=""></li>
	<li data-slide-to="4" data-target="#carousel-of-product" class=""></li>
  </ol>
  <!-- Wrapper for slides -->
  <div role="listbox" class="carousel-inner">
   <div class="item active">
    <img src="lunbo/1.jpg" >
   </div>
   <div class="item">
    <img src="lunbo/2.jpg" >
   </div>
   <div class="item">
    <img src="lunbo/3.jpg" >
   </div>
   <div class="item">
    <img src="lunbo/4.jpg">
   </div>
   <div class="item">
    <img src="lunbo/5.jpg">
   </div>
   </div>
  </div>
</div>